Active point on image map

  • I am creating a virtual tour from 112 panoramas. I have a map that is JPEG image. I added points to map that are connected to each panorama. Now I want to activate points (i mean: when i am on third panorama i want third point on map to be highlighted etc.)
    That is what i already have:

    Code
    <!--Map-->	<plugin name="map"          url="map/map.png"          keep="true"         align="righttop"          x="20"  y="20"          alpha="0.95"         handcursor="false"          edge="righttop"         scalechildren="true"         width="prop"         height="20%"         onclick="action(openmap);"         /> 
    	<action name="closemap">         plugin[map].changeorigin(righttopm,righttop);         tween(plugin[map].height,20%);         set(plugin[map].onclick,action(openmap););	</action>	
    	<action name="openmap">         plugin[map].changeorigin(righttop,righttop);         tween(plugin[map].height,80%);         set(plugin[map].onclick,action(closemap););	</action>     <data name="css">      p{color:#000000; font-family:Arial; font-size:19;}      h{color:#000000; font-family:Arial; font-size:23; text-align:center;}      sh{color:#000000; font-family:Arial; font-size:20;}      a{ text-decoration:underline; color:#110088;} a:hover { color:#885500; }   </data>     <!--points-->			<!--1-->	<plugin name="mappoint_1" url="map/point.png" width="5" height="5" 	keep="true"  parent="map" align="lefttop" edge="center" zorder="2"	x="840"  y="466" 	onhover="showtext(panorama 1);" 	onclick="loadscene(dxntcayzvu); activatespot(mappoint_1);" 	/>			<!--2-->	<plugin name="mappoint_2" url="map/point.png" width="5" height="5" 	keep="true"    parent="map" align="lefttop" edge="center" zorder="2" 	x="834"  y="470"	onhover="showtext(panorama 2);"	onclick="loadscene(mopvuawfjb); activatespot(mappoint_2);" 	/>


    I have completely no idea what to do now.

    Please help!

Participate now!

Don’t have an account yet? Register yourself now and be a part of our community!