Hotspot tooltips on krpano 1.17

Beginner

Sunday, April 20th 2014, 10:23pm

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

This post has been edited 1 times, last edit by "360er" (Apr 21st 2014, 12:02pm) with the following reason: Ergänzung

Go to the top of the page

360er

Beginner

Posts: 19

2

Wednesday, April 23rd 2014, 6:29am

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

Regards, Werner

Go to the top of the page

Arsdezi

Intermediate

Posts: 174

Location: Ukraine

3

Wednesday, April 23rd 2014, 11:00pm

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:

Source 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>

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:

	Source code
1	skin_hideskin();

Try!

Panoreal — to make and see this wonderful world! *whistling*

This post has been edited 1 times, last edit by "Arsdezi" (Apr 23rd 2014, 11:12pm)

Go to the top of the page

360er

Beginner

Posts: 19

4

Thursday, April 24th 2014, 7:59pm

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)

Go to the top of the page

Arsdezi

Intermediate

Posts: 174

Location: Ukraine

5

Thursday, April 24th 2014, 9:13pm

Quoted 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 *smile*

Panoreal — to make and see this wonderful world! *whistling*

Go to the top of the page

360er

Beginner

Posts: 19

6

Thursday, April 24th 2014, 9:34pm

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

Go to the top of the page

Arsdezi

Intermediate

Posts: 174

Location: Ukraine

7

Friday, April 25th 2014, 5:06pm

Solved

Quoted 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 )) *tongue*

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!
*cool*

Panoreal — to make and see this wonderful world! *whistling*

Go to the top of the page

360er

Beginner

Posts: 19

8

Friday, April 25th 2014, 7:45pm

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

Go to the top of the page

Arsdezi

Intermediate

Posts: 174

Location: Ukraine

9

Friday, April 25th 2014, 10:53pm

Quoted 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):

Source 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>

Try!

Cheers, Arsen

Panoreal — to make and see this wonderful world! *whistling*

Go to the top of the page

360er

Beginner

Posts: 19

10

Friday, April 25th 2014, 11:55pm

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

Go to the top of the page

Arsdezi

Intermediate

Posts: 174

Location: Ukraine

11

Wednesday, April 30th 2014, 1:30am

Quoted 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 ;-)

Panoreal — to make and see this wonderful world! *whistling*

Go to the top of the page