Move the timer_iframe_show element below the ht_info element in the treeĢ. We want to fade it in and out when a hotspot is selected/deselected.ġ. Note: now we need to add Actions to manage the iframe element appearance. Save the skin Set the iFrame Element Visual Logic Blocks Position: Position : Size: Height: & Width: 100 percentĢ. Select the ‘cont_iframe' element and set the following Properties: Now that we have wrapped the timer around the elements we can set them to their final size to fill the browser screenġ. Note: as mentioned earlier we have been working with the iFrame elements at a size of 50%. The Activation period will be set later in the skin development.ģ. Note: the result of the settings mean that once the Activation period of the timer is finished the timer will trigger the Action and change it’s own Alpha settings to 100% over 2 seconds, revealing it and the child elements within it. Trigger: = *myiFrameClass | Comparison: = | Value: = blurgray | Visible: = False (Figure #18) Trigger: = *myiFrameClass | Comparison: = | Value: = blur | Or If you want a tint to show over the blur set the Visible in the logic block to = True Note: this hides the screentint when either blur or blurgray is active. Add a logic block to the rect_screentint element on the following Property Rectangle: Background: Enabled: = Checked | Color: = Black | Border: Width: = 0ģ. Note: if you find the screentint is too dark you can come back and change the Alpha to lighten it. Position: ID: = rect_screentint | Anchor: = center | Position: X: & Y: = 0 | Size: Width: & Height: 50.00 percent With ‘Rectangle 1’ selected set the following Properties: In the Skin Editor menu click on ‘Draw Rectangle’ and click once in the skin to add itĢ. Note: If no CSS filter is defined the default result will be a screentint similar to the one that comes with Pano2VR popup components.ġ. Note: The published project shows both the node panorama and the blurred grayscale duplicate instance in the iFrame.
0 Comments
Leave a Reply. |