Sie sind nicht angemeldet.

Toggle image hotspot Flat pano?

Lieber Besucher, herzlich willkommen bei: krpano.com Forum. Falls dies Ihr erster Besuch auf dieser Seite ist, lesen Sie sich bitte die Hilfe durch. Dort wird Ihnen die Bedienung dieser Seite näher erläutert. Darüber hinaus sollten Sie sich registrieren, um alle Funktionen dieser Seite nutzen zu können. Benutzen Sie das Registrierungsformular, um sich zu registrieren oder informieren Sie sich ausführlich über den Registrierungsvorgang. Falls Sie sich bereits zu einem früheren Zeitpunkt registriert haben, können Sie sich hier anmelden.

lynck82

Anfänger

  • »lynck82« ist der Autor dieses Themas

Beiträge: 36

  • Nachricht senden

1

Sonntag, 3. September 2017, 18:11

Toggle image hotspot Flat pano?

Hello All.


Please could someone have a quick look at my code and link.
And correct the code which is very almost correct.

https://s3-eu-west-1.amazonaws.com/prese…_test/tour.html


In the example below i have created an image toggle in flat pano mode, However even when i add distorted="true" and zoom="true" to my code i cant get the distorted image to work?
Im sure its a very simple solution but i have tried so many vairations for this?

Man thanks

Also you'll notice the black chairs are actually a png hoptspot loaded in postion on start. please could someone tell me how to add a very simple toggle on/off for the limage?


Many thanks in advance








Quellcode

 
1
2
3
4
5
6
7
8
9
10

<hotspot name="spot1" url="hotspot.png"       distorted="true"  scale="0.002"  />






<action name="open"> set(plugin[%1].visible,true); tween(plugin[%1].alpha,1);
 </action> <action name="close">  tween(plugin[%1].alpha,0,0.5,default, set(plugin[%1].visible,false) );</action>  <plugin name="openimage" url="chairs_green.png" ath="0"atv="0"
 alpha="0"distorted="true"  visible="true" zoom="true"onclick="action(close,get(name));" />  <hotspot name="fyi"  url="up.png" ath="0" atv="0" scale="0.001"distorted="true"   alpha="1"zoom= "tue" onover="tween(alpha,1);tween(scale,0.001);" onout="tween(alpha,1);tween(scale,0.001);" onclick="action(open,openimage);" />

spacerywirtualne

Profi

Beiträge: 1 117

Wohnort: Poland, Europe

Beruf: krpano developer : virtual tours : the cms4vr owner

  • Nachricht senden

2

Montag, 4. September 2017, 11:24

Hi,

You 'openimage' element was not a hotspot but layer! Only hotspots can be distortion.


<plugin name="openimage" url="chairs_green.png"


to


<hotspot name="openimage" url="chairs_green.png"


Piotr
Your own professional, online cloud tool for creating virtual tours - www.cms4vr.com

facebook page :: youtube :: wiki.cms4vr.com

cms4vr team *thumbsup*

lynck82

Anfänger

  • »lynck82« ist der Autor dieses Themas

Beiträge: 36

  • Nachricht senden

3

Montag, 4. September 2017, 13:17

Hi Piotr.

Many thanks for your quick support, im very excited as this is almost working.
I have now updated the code as youve suggested however. the open close toggle button doesnt toggle the image.
Im sure its a minor, please could you view the link and code and correct me?

https://s3-eu-west-1.amazonaws.com/prese…_test/tour.html

Many thanks


Quellcode

 
1
2
3

<action name="open"> set(plugin[%1].visible,true); tween(plugin[%1].alpha,1);
 </action> <action name="close">  tween(plugin[%1].alpha,0,0.5,default, set(plugin[%1].visible,false) );</action>  <hotspot name="openimage" url="chairs_green.png" ath="0.1" atv="0.1"
 scale="0.001"distorted="true"   alpha="0.4"zoom= "tue"onclick="action(close,get(name));" />  <hotspot name="fyi"  url="up.png" ath="0" atv="0" scale="0.001"distorted="true"   alpha="1"zoom= "tue" onover="tween(alpha,1);tween(scale,0.001);" onout="tween(alpha,1);tween(scale,0.001);" onclick="action(open,openimage);" />







Many thanks again.

spacerywirtualne

Profi

Beiträge: 1 117

Wohnort: Poland, Europe

Beruf: krpano developer : virtual tours : the cms4vr owner

  • Nachricht senden

4

Montag, 4. September 2017, 14:11

Zitat von »lynck82«

Many thanks for your quick support, im very excited as this is almost working.
I have now updated the code as youve suggested however. the open close toggle button doesnt toggle the image.
Im sure its a minor, please could you view the link and code and correct me?

https://s3-eu-west-1.amazonaws.com/prese…_test/tour.html

Many thanks

I think the error is here:



Quellcode

 
1
2
3
4
5
6
7
8

<action name="open">
	set(plugin[%1].visible,true);
	tween(plugin[%1].alpha,1); 
</action> 

<action name="close">
	tween(plugin[%1].alpha,0,0.5,default, set(plugin[%1].visible,false) );
</action>


Replace 'plugin' to 'hotspot' and it should work.

Like this:

Quellcode

 
1
2
3
4
5
6
7
8

<action name="open">
	set(hotspot[%1].visible,true);
	tween(hotspot[%1].alpha,1); 
</action> 

<action name="close">
	tween(hotspot[%1].alpha,0,0.5,default, set(hotspot[%1].visible,false) );
</action>



Piotr

p.s. Or...

Quellcode

 
1
2
3
4
5
6
7

<action name="switch_visible">	
    tween(hotspot[openimage].alpha, %1);
</action>

<hotspot name="openimage" url="chairs_green.png" ath="0.1" atv="0.1" scale="0.001" distorted="true" autoalpha="true" alpha="0.4" zoom="true" onclick="switch_visible(0);"/>

<hotspot name="fyi" url="up.png" ath="0" atv="0" scale="0.001" distorted="true" alpha="1" zoom="tue" onover="tween(alpha,1);tween(scale,0.001);" onout="tween(alpha,1);tween(scale,0.001);" onclick="switch_visible(1);"/>



Your own professional, online cloud tool for creating virtual tours - www.cms4vr.com

facebook page :: youtube :: wiki.cms4vr.com

cms4vr team *thumbsup*

lynck82

Anfänger

  • »lynck82« ist der Autor dieses Themas

Beiträge: 36

  • Nachricht senden

5

Montag, 4. September 2017, 17:07

Many thanks Piotr.


Please note that the toggle button only make the chairs visible? and doesn't set to 0 alpha (toggle off)


I have attempted to update the code. by removing the tween code on the chair .png itself?

As far as i can see by the code you provided, the toggle on off should work?

I appreciate your support. and once i get this working will submit some amazing 3d work for the showscase *smile*

Please could you offer a solution to correctly have the button toggle the furn on and off?

spacerywirtualne

Profi

Beiträge: 1 117

Wohnort: Poland, Europe

Beruf: krpano developer : virtual tours : the cms4vr owner

  • Nachricht senden

6

Montag, 4. September 2017, 19:21

Zitat von »lynck82«

Please could you offer a solution to correctly have the button toggle the furn on and off?
The switcher action is quite simple.


Quellcode

 
1
2
3
4
5
6
7

<action name="btn_switcher">	
if(hotspot[openimage].visible,		
  set(hotspot[openimage].visible, false);	
,		
  set(hotspot[openimage].visible, true);	
);
</action>



run a 'btn_switcher();' action and that's all.

Piotr
Your own professional, online cloud tool for creating virtual tours - www.cms4vr.com

facebook page :: youtube :: wiki.cms4vr.com

cms4vr team *thumbsup*

Ähnliche Themen