SIDE MENU - Load an Image instead of a Scene

kealkeal1

Hi,

I'm using the SIDEMENU plugin to laod the differents scenes and it works perfectly.

On one Group Name I'd like to laod an Image instead of a scene with the FLYIN option.

Here is my code :

Code

<group name="level_2">
<group name="object_1"   value="Text 1"   link="loadscene('scene_R0010134');" />
<group name="object_2"   value="Text 2"   onclick="flyin( zoombild );" />


<!-- hotspot pour afficher une image en zoom -->
<hotspot name="zoombild" url="images/image-zoom1.png"
		     	ath="161.484" atv="8.614"
		     	distorted="true"
		     	zorder="2"
		     	scale="0.1376"
		     	rx="-1.75" ry="-44.75" rz="0.7571"
		     	enabled="false"
		     	visible="false"
		     	alpha="0.0"
		     	flying="0.0"
		     	onclick="flyout(zoombild);"
		     	/>
</group>

Alles anzeigen

Of course, " onclick="flyin( zoombild );" doesn't work ...

Someone can help me to solve this ?

Thanks for your feedback and help.

Umalo

Glad SideMenu is working fine for you. In your case now, yes you can do what ever you want with onclick event and flyin should also work fine.
Why you have defined hotspot zoombild as nested element of the <group> ?
Try putting it outside the <group> definitions and use keep="true" attribute.
For the rest I can help as I don't see your code. How Flyin action looks like but If you use Krpano's code than all should work like a charm

kealkeal1

Hi Umalo,

thanks for feedback.

Here is my code :

Code

<!-- fly in a hotspot = show hotspot fixed at screen -->
	<action name="flyin">
		if(hotspot[%1].flying == 0.0, hotspot[%1].resetsize();  );
		if(hotspot[%1].oldscale === null, copy(hotspot[%1].oldscale, hotspot[%1].scale) );
		if(hotspot[%1].oldrx === null, copy(hotspot[%1].oldrx, hotspot[%1].rx) );
		if(hotspot[%1].oldry === null, copy(hotspot[%1].oldry, hotspot[%1].ry) );
		if(hotspot[%1].oldrz === null, copy(hotspot[%1].oldrz, hotspot[%1].rz) );
		set(hotspot[%1].enabled,true);
		set(hotspot[%1].visible,true);
		tween(hotspot[%1].alpha,  1.0);
		tween(hotspot[%1].flying, 1.0);
		tween(hotspot[%1].scale,  1.0,0.5);
		tween(hotspot[%1].rx, 0.0);
		tween(hotspot[%1].ry, 0.0);
		tween(hotspot[%1].rz, 0.0);
		
	</action>


	<!-- fly the hotspot out/back -->
	<action name="flyout">
		set(hotspot[%1].enabled,false);
		tween(hotspot[%1].alpha,  0.0, 0.5,  );
		tween(hotspot[%1].flying, 0.0);
		tween(hotspot[%1].scale,  get(hotspot[%1].oldscale));
		tween(hotspot[%1].rx,  get(hotspot[%1].oldrx));
		tween(hotspot[%1].ry,  get(hotspot[%1].oldry));
		tween(hotspot[%1].rz,  get(hotspot[%1].oldrz));
	</action>


<!-- define menu item -->
	<group name="level_0">
		<group name="object_1"  value="Accès Directs"   />
		<group name="object_2"  value="1. Infrastructure"  link="switch_menu(2);" />
		<group name="object_3"  value="2. Restaurants"  link="switch_menu(3);" />
		<group name="object_4"  value="3. Magasins"  link="switch_menu(4);" />
	</group>


	<group name="level_2">
				<group name="object_1"   value="Marina de Pointe à Pitre"   link="loadscene('scene_R0010134');" />
				<group name="object_2"   value="Mole Portuaire"   link="loadscene('scene_R0010164');" />
				<group name="object_3"   value="Centre Commercial - Porte Marina"   link="loadscene('scene_R0010175');" />
				<group name="object_4"   value="Rond-Point accès Marina"   link="loadscene('scene_R0010170');" />
				<group name="object_5"   value="Quartier Aquarium de la Guadeloupe"   link="loadscene('scene_R0010483');" />
				<group name="object_6"   value="Afficher le Plan" onclick="flyin('zoombild');" />
	</group>


	<group name="level_3">
		<group name="object_1"  value="La Frégate"   link="loadscene('scene_r0010117');lookat(-17.1, 2, 110.0);" />
		<group name="object_2"  value="La Rose des Vents"   link="loadscene('scene_r0010116');" />
		<group name="object_3"  value="Bistrot Zen"   link="loadscene('scene_r0010115');" />
		<group name="object_4"  value="Al Dente"   link="loadscene('scene_r0010114');" />
	</group>
	
	<group name="level_4">
		<group name="object_1"   value="NITROGEN - Equipements (sub) aquatiques"   link="loadscene('scene_R0010197');" />
	</group>
	
 	<!-- hotspot pour afficher une image en zoom -->
	<hotspot name="zoombild" url="images/image-zoom1.png"
		     	ath="161.484" atv="8.614"
		     	distorted="true"
		     	zorder="2"
		     	scale="0.1376"
		     	rx="-1.75" ry="-44.75" rz="0.7571"
		     	enabled="false"
		     	visible="false"
		     	alpha="0.0"
		     	flying="0.0"
		     	onclick="flyout(zoombild);"
				 onhover="set(autorotate.enabled,false)"
				 onout="set(autorotate.enabled,true)" 
				 keep="true"
		     	/>
		
	<scene name="scene_R0010113" title="R0010113" onstart="" thumburl="panos/R0010113.tiles/thumb.jpg" lat="16.21913889" lng="-61.52777500" heading="337.5">


		<view hlookat="0" vlookat="0" fovtype="MFOV" fov="120" maxpixelzoom="2.0" fovmin="70" fovmax="140" limitview="auto" />


		<preview url="panos/R0010113.tiles/preview.jpg" />


		<image>
...

Alles anzeigen

As you can see I have insert the Flyin / Flyout Action.

The Hotspot "Zoombild" is now define outside the <Group>.

But It doesn't work.

When you click on "Afficher le Plan", nothing happend ...

Thanks for your help.

Umalo

Try using keep="true" for hotspot or define it inside scene.

kealkeal1

I found the solution :

Here is the code :

Replace :

Code

<group name="object_6"   value="Afficher le Plan" onclick="flyin('zoombild');" />

By

Code

<group name="object_6"   value="Afficher le Plan"  link="flyin(zoomplan);" />

kealkeal1

Now I'd like to add a thumbnail, like this :

Code

<group name="object_6"   value="Afficher le Plan"  link="flyin(zoomplan);" thumb_url="images/image-zoom1.png />

But it doesn't work ...

Hope you can help me.

Umalo

Yes that's true because link attribute is transfered to onlick event ;)

Code

set(plugin[%menu_0].onclick,get(group[get(level)].group[get(object_0_html)].link));

For thumbs you have to use version that supports thumbs:
https://krpano.com/forum/wbb/inde…50044#post50044
or
https://krpano.com/forum/wbb/inde…52934#post52934

kealkeal1

Just Perfect .....

Thanks a lot.

SIDE MENU - Load an Image instead of a Scene

Jetzt mitmachen!

Benutzer online in diesem Thema