Skip to main content

External Image Properties

External Image Properties

Position[edit]

ID: Give the image a unique ID or name. This field is also visible (and editable) in the Editor Panel.

Position: The x and y coordinates for the image.

Size: Adjust the image's size (width and height) in pixels.

Appearance[edit]

'Scaling: Scales the image along the x and y axes. Doubling the value on either axis, for instance, will double the size of the element. If a scaling modifier is enabled, this scaling setting is ignored.

Angle: Use this parameter to adjust the angle of the element. It will use the Center grid (above) as its axis. For example, if the center is chosen, it will rotate around its center. If the bottom left corner is selected, the rectangle will rotate around that corner.

Visible: Select or deselect to keep the image visible or invisible. Visibility or invisibility can be changed and toggled with actions.

Alpha: The transparency of the image. A setting of 1.000 is opaque. Lowering this number will increase the image's transparency.

Hand Cursor: Select to have the hand cursor show when the mouse rolls over the image. This makes it more obvious to the user that the area or image is interactive. Image: This option shows the image and gives you the option to change the file.

External Image[edit]

External URL: Enter the image's URL for externally loading the images. This is especially useful if you have a lot of thumbnails in a tour. Calling the images from an external source will help keep the tour running smooth rather than sluggish.

Loading: This option affects how an external SWF loads.

Advanced[edit]

Hotspot Proxy ID: Enter the corresponding hotspot ID. The ID should come from the hotspot's ID field in the hotspot editor. Using hotspot proxies gives you the ability to link skin elements to specific hotspots.

Limit Output: This option lets you selectively choose which element should not be used for either the Flash or HTML5 outputs.

Actions[edit]

In order for an object to act as a button, it needs to have a function or action applied to it.

Double-click in the Actions area or hit the plus sign to the right to open the Action Settings.

Action window.png

Action Settings

Depending on which action is chosen, different parameters that are associated with that action will appear. For example, for the pan actions, you can define the pan speed.

Also check out some Actions Examples.

Modifiers[edit]

Adding modifiers allows you to make elements move, scale or rotate when the movie is being is panned, tilted, zoomed or loaded. A good example of a use of a modifier is for a loading bar that scales in relation to how much of the movie has been loaded. (See the skin editor tutorial on building a loading bar for an example on using modifiers.)

Double-click in the Actions area or hit the plus sign to the right to open the Modifier Settings.

Modifiers window.png

Modifier Settings

See also[edit]

Skin Editor
Using the Skin Editor
Adding Hotspots (Pano2VR)
Add External Image or SWF