Hotspot tooltips on krpano 1.17

360er · April 20, 2014 at 10:23 PM

Hi dear forum

Is there a known issue with the hotspot tooltips for krpano 1:17?
On my tour I can't bring it to run:
http://web-connection.ch/tests/masoalazuerich/index.html
The XML you find here: http://web-connection.ch/tests/masoalazuerich/tour.xml

And does anybody know the settings for starting with «closed» skin like my screenshot? Can I find those settings somewhere?

Any help from you would be great, thank you in advance,
Werner

360er · April 23, 2014 at 6:29 AM

Does really no one has any experience or idea? I am grateful for any support :o)

Regards, Werner

Arsdezi · April 23, 2014 at 11:00 PM

Hi, Werner!
1. Hotspots tooltips do not work because you use old code with fragments of new code styling for them in vtourskin.xml ;)
Please use only new style of coding for full HTML5/Flash compatibility! Try this:

Code

<!-- skin_hotspotstyle - style for the hotspots (note - the onclick event will be overwritten here and can't be set directly at the hotspot! the hotspots need to have a 'linkedscene' attribute to be clickable) -->
	<style name="skin_hotspotstyle_black" url="hotspot_ani_black_64x64x20.png" crop="0|0|64|64" framewidth="64" frameheight="64" frame="0" lastframe="19" scale="1.5" edge="top" oy="0" distorted="false"


	       tooltip=""
	       onclick="if(linkedscene, skin_hidetooltips(); tween(scale,0.25,0.5); tween(oy,-20,0.5); tween(alpha,0,0.5); looktohotspot(); loadscene(get(linkedscene),null,MERGE,BLEND(1)); skin_updatescroll(); );"
	       onloaded="hotspot_animate(); if(skin_settings.tooltips_hotspots, if(linkedscene, copy(tooltip,scene[get(linkedscene)].title); loadstyle(skin_tooltips); ));  if(device.mobile, mul(scale,2));"
		   onover="set(autorotate.enabled,false);"		   
		   onout="set(autorotate.enabled,true);"	
	       />


	<!-- skin_tooltip - style for the thumb, hotspot and mapspot tooltips -->
	<style name="skin_tooltips"
	       onover="copy(layer[skin_tooltip].html, tooltip);
	               set(layer[skin_tooltip].visible, true);
	               tween(layer[skin_tooltip].alpha, 1.0, 0.1);
	               asyncloop(hovering, copy(layer[skin_tooltip].x,mouse.stagex); copy(layer[skin_tooltip].y,mouse.stagey); );"
	       onout="tween(layer[skin_tooltip].alpha, 0.0, 0.1, default, set(layer[skin_tooltip].visible,false), copy(layer[skin_tooltip].x,mouse.stagex); copy(layer[skin_tooltip].y,mouse.stagey); );"
	       />


	<!-- the tooltip textfield -->
	<layer name="skin_tooltip" keep="true"
	       url="%SWFPATH%/plugins/textfield.swf"
	       parent="STAGE"
	       visible="false" alpha="0" enabled="false"
	       align="lefttop" edge="bottom" oy="-2" width="200" autoheight="true"
	       background="false" backgroundcolor="0xFFFFFF" backgroundalpha="1.0"
	       border="false" bordercolor="0x000000" borderalpha="1.0" borderwidth="1.0" roundedge="0"
	       shadow="0.0" shadowrange="4.0" shadowangle="45" shadowcolor="0x000000" shadowalpha="1.0"
	       textshadow="1" textshadowrange="6.0" textshadowangle="90" textshadowcolor="0x000000" textshadowalpha="1.0"
	       css="text-align:center; color:#FFFFFF; font-family:Arial; font-weight:bold; font-size:16px;"
	       html=""
	       />
	<!-- Your code for animation-->
	<action name="hotspot_animate">
		inc(frame,1,get(lastframe),0);
		mul(ypos,frame,frameheight);
		txtadd(crop,'0|',get(ypos),'|',get(framewidth),'|',get(frameheight));
		delayedcall(0.07, if(loaded, hotspot_animate() ) );
	</action>

Display More

And remove duplicate action <action name="hotspot_animate"> in main tour.xml!

2. Add action in <action name="startup">....</action> for to the close control panel at start:

Code

skin_hideskin();

Try!

360er · April 24, 2014 at 7:59 PM

Hey Arsdezi

Thanks alot for your great support !!

So, the hidden navigation on start is perfect, the tooltips on the thumbnails work's fine – the only thing, I can't see any hotspots, they are not visible and I can't find the bug.

As you can see, I'm not a great coder – would you mind to give me a hand on that again (The links are the same as before, but updated) ??

If yes, thank you very much – if not, thank you very much anyway !!!

Best regards and have a good night
Werner :o)

Arsdezi · April 24, 2014 at 9:13 PM

Quote from 360er

So, the hidden navigation on start is perfect, the tooltips on the thumbnails work's fine – the only thing, I can't see any hotspots, they are not visible and I can't find the bug.

Oops! I will check the code in work today, a little later!
cheers,
Arsen

360er · April 24, 2014 at 9:34 PM

Hey Arsen

Easy, don't hurry, I'm not, and I won't bring you under pressure :to))
Thank you for answering and have a good time

Best regards, Werner

Arsdezi · April 25, 2014 at 5:06 PM

Quote from 360er

So, the hidden navigation on start is perfect, the tooltips on the thumbnails work's fine – the only thing, I can't see any hotspots, they are not visible and I can't find the bug.

He-he! Werner, is no a bug ))
Just replace hotspot style name for hotspots or rename style!
Because your name style for hotspot in scenes:
<hotspot name="spot1" style="skin_hotspotstyle" ...
and your style name for anima hotsops in vtourskin file:
<style name="skin_hotspotstyle_white" ...
They different! Change/rename and enjoy! Will be works fine!

360er · April 25, 2014 at 7:45 PM

Hey Arsen

You're genius, it works exactly as you told me – you can see at the original link on top of the tread :o)
There is only one little thing, the autorotate action doesn't pause at onover event... and also here I have found nothing, everything I tried did not let it pause.
Do you have an other good advice for me...? ;o)
Would be great, thanks alot Arsen!!!

Best regards, Werner

Arsdezi · April 25, 2014 at 10:53 PM

Quote from 360er

There is only one little thing, the autorotate action doesn't pause at onover event... and also here I have found nothing, everything I tried did not let it pause.
Do you have an other good advice for me...? ;o)
Best regards, Werner

Hi, Werner!
Your code don't work, because we have two styles for hotspots! First, skin_hotspotstyle_white with onclick/onloaded actions and onloaded action the load second style - skin_tooltips with onover/onout actions. And when you put set(autorotate.enabled,false); in first style, onover/onout functions from second style is overridden this functions for first style! ;) You need put set(autorotate.enabled,false); in second, last style!
But.... If you use this is solution for pause of autorotation, you always to start autorotate when out mouse of hotspots, even when your autorotate button on panel have a disabled state!
Very simple and old solution in this case(not from me):

Code

....
<!-- skin_tooltip - style for the thumb, hotspot and mapspot tooltips -->	
<style name="skin_tooltips"	      
   onover="autoRotateSave();			...."	       
   onout="autoRotateReturn();			...."	       
/>	
<!-- Autorotate pause when mouse over ноtspots-->	
<action name="autoRotateSave">			
    set(autoRotateVar, false);			
    if(autorotate.enabled, set(autoRotateVar, true); set(autorotate.enabled, false); );
</action>	    
<action name="autoRotateReturn">			
    if(autoRotateVar, set(autorotate.enabled, true); );
</action>

Display More

Try!
Cheers, Arsen

360er · April 25, 2014 at 11:55 PM

Hi Arsen

Yes, perfect – you are just made my weekend :o))
(The final result is as before on top of the tread).

Thank you so much for your kind, helpful and patient support !!!

I wish you a nice and quite weekend.
Werner

Arsdezi · April 30, 2014 at 1:30 AM

Quote from 360er

Hi Arsen
Yes, perfect – you are just made my weekend :o))
(The final result is as before on top of the tread).
Thank you so much for your kind, helpful and patient support !!!
I wish you a nice and quite weekend.
Werner

Well done!
Good luck!
Thank you too

Hotspot tooltips on krpano 1.17

Participate now!

Users Viewing This Thread