This plugin is completely free for use in any context or connection.
panoslider.swf
This plugin makes it possible to control numeric pano settings with a slider. You can supply your
own slider image or use the built-in Flash slider.
The following attributes are supported:
NOTES: You can control several attributes with the same slider by separating them with a semicolon (";"). They must, however, share the same value. For example, modAttr="spot1.alpha;spot2.alpha" will control the alpha value for both spot1 and spot2.
Examples of values that can be controlled by the slider are:
If you want to design your own slider, you will need two images like these:
If the height of the track image is greater than its width, the plugin will work in vertical mode, else it will adjust itself to horizontal mode.
Example VRSmarty xml file:
Version history:
| modAttr | modAttr="pano.tilt" | attribute value that will be controlled by the slider, see NOTES |
| minValue | minValue="0" | slider startpoint value |
| maxValue | maxValue="1" | slider endpoint value |
| size | size="165" | width of built-in Flash slider |
| trackImage | trackImage="img/track2.png" | track image |
| handleImage | handleImage="img/handle2.png" | handle image |
| dragStart | dragStart="8;10" | handle startpoint coordinates in track image |
| dragStop | dragStop="167;10" | handle endpoint coordinates in track image |
| tooltip | tooltip="true" | show tooltip with current slider value |
NOTES: You can control several attributes with the same slider by separating them with a semicolon (";"). They must, however, share the same value. For example, modAttr="spot1.alpha;spot2.alpha" will control the alpha value for both spot1 and spot2.
Examples of values that can be controlled by the slider are:
pano.tilt
pano.zoom
hotspot_id.alpha
hotspot_id.staticX
hotspot_id.rotation
...
pano.zoom
hotspot_id.alpha
hotspot_id.staticX
hotspot_id.rotation
...
If you want to design your own slider, you will need two images like these:
If the height of the track image is greater than its width, the plugin will work in vertical mode, else it will adjust itself to horizontal mode.
Example VRSmarty xml file:
<style id="sliders" url="panoslider.swf" type="static" staticAlign="BL" align="BL" staticX="140" depth="5" mouseChildren="true" blockMouse="true" buttonMode="false" /> <spot id="slider7" style="sliders" staticY="211" depth="5" trackImage="/panos/images/com/track4_h.png" handleImage="/panos/images/com/handle4_h.png" dragStart="0;-5" dragStop="152;-5" modAttr="pano.pan" minValue="-180" maxValue="180" tooltip="true" /> <spot id="slider6" style="sliders" staticY="170" depth="6" modAttr="pano.tilt" size="164" minValue="-90" maxValue="90" tooltip="true" />
Version history: