Attribute "caption" for hotspot.
-
-
Hi,
that's basically already possible - please take a look at the tooltips example:
https://krpano.com/examples/117/e…s/tooltips.htmlthere you just need to add:
and:
to your hotspot.The position itself could be customized by customizing the 'tooltip' <layer> element.
Best regards,
Klaus -
You didn't understand me.
For example. I have 100 hotspots and I want each of them had a visible caption. Thus we must have seen 100 captions at the one time. If this is implemented through the layers, there will be a lot of calculations (spheretoscreen) and a gadget or computer will slow down. Therefore, I would like to have a simple solution. There is a way to solve my problem? -
You didn't understand me.
For example. I have 100 hotspots and I want each of them had a visible caption. Thus we must have seen 100 captions at the one time. If this is implemented through the layers, there will be a lot of calculations (spheretoscreen) and a gadget or computer will slow down. Therefore, I would like to have a simple solution. There is a way to solve my problem?see here
http://www.krpano.com/forum/wbb/inde…50929#post50929tooltips hotspots to display text all time
-
Thanks for the link.
1). I still want to have a shorter code as I wrote above.
2). About the code I'm having problems. The code is slightly modified (highlighted in red).<plugin url="%FIRSTXML%/plugins/embeddedfonts.swf" preload="true" devices="flash"/>
<style name="skin_hotspotstyle" url="vtourskin_hotspot.png" scale="0.5" edge="top" oy="0" distorted="true"
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="add_all_the_time_tooltip();"
/><action name="add_all_the_time_tooltip">
txtadd(tooltipname, 'tooltip_', get(name));
addplugin(get(tooltipname));
txtadd(plugin[get(tooltipname)].parent, 'hotspot[', get(name), ']');
set(plugin[get(tooltipname)].url,'%SWFPATH%/plugins/textfield.swf');
set(plugin[get(tooltipname)].align,top);
set(plugin[get(tooltipname)].edge,bottom);
set(plugin[get(tooltipname)].x,0);
set(plugin[get(tooltipname)].y,0);
set(plugin[get(tooltipname)].width,200);
set(plugin[get(tooltipname)].autoheight,true);
set(plugin[get(tooltipname)].background,false);
set(plugin[get(tooltipname)].border,false);
if(device.flash,
set(plugin[get(tooltipname)].css,'text-align:center; color:#FFFFFF; font-family:myFont; font-weight:bold; font-size:16px;');
set(plugin[get(tooltipname)].embeddedfonts,true);
,
set(plugin[get(tooltipname)].css,'text-align:center; color:#FFFFFF; font-family:Arial; font-weight:bold; font-size:16px;');
set(plugin[get(tooltipname)].embeddedfonts,false);
);
set(plugin[get(tooltipname)].textshadow,1);
set(plugin[get(tooltipname)].textshadowrange,6.0);
set(plugin[get(tooltipname)].textshadowangle,90);
copy(plugin[get(tooltipname)].html,scene[get(linkedscene)].title);
set(plugin[get(tooltipname)].enabled,false);
</action>It is important for me to use is distorted="true" and rotate of the text. When html5="only", everything works correctly. But when html5="auto" my
tooltip is not displayed. But when distorted="false" in html5="auto" my
tooltip is displayed. This is a bug or am I doing something wrong?
PS By the way, if the original code change on distorted="true" in html5="auto" tooltip also not displayed.
How to solve the problem? -
try add
Thanks for the link.
1). I still want to have a shorter code as I wrote above.
2). About the code I'm having problems. The code is slightly modified (highlighted in red).<plugin url="%FIRSTXML%/plugins/embeddedfonts.swf" preload="true" devices="flash"/>
<style name="skin_hotspotstyle" url="vtourskin_hotspot.png" scale="0.5" edge="top" oy="0" distorted="true"
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="add_all_the_time_tooltip();"
/><action name="add_all_the_time_tooltip">
txtadd(tooltipname, 'tooltip_', get(name));
addplugin(get(tooltipname));
txtadd(plugin[get(tooltipname)].parent, 'hotspot[', get(name), ']');
set(plugin[get(tooltipname)].url,'%SWFPATH%/plugins/textfield.swf');
set(plugin[get(tooltipname)].align,top);
set(plugin[get(tooltipname)].edge,bottom);
set(plugin[get(tooltipname)].x,0);
set(plugin[get(tooltipname)].y,0);
set(plugin[get(tooltipname)].width,200);
set(plugin[get(tooltipname)].autoheight,true);
set(plugin[get(tooltipname)].background,false);
set(plugin[get(tooltipname)].border,false);
if(device.flash,
set(plugin[get(tooltipname)].css,'text-align:center; color:#FFFFFF; font-family:myFont; font-weight:bold; font-size:16px;');
set(plugin[get(tooltipname)].embeddedfonts,true);
,
set(plugin[get(tooltipname)].css,'text-align:center; color:#FFFFFF; font-family:Arial; font-weight:bold; font-size:16px;');
set(plugin[get(tooltipname)].embeddedfonts,false);
);
set(plugin[get(tooltipname)].textshadow,1);
set(plugin[get(tooltipname)].textshadowrange,6.0);
set(plugin[get(tooltipname)].textshadowangle,90);
copy(plugin[get(tooltipname)].html,scene[get(linkedscene)].title);
set(plugin[get(tooltipname)].enabled,false);
</action>It is important for me to use is distorted="true" and rotate of the text. When html5="only", everything works correctly. But when html5="auto" my
tooltip is not displayed. But when distorted="false" in html5="auto" my
tooltip is displayed. This is a bug or am I doing something wrong?
PS By the way, if the original code change on distorted="true" in html5="auto" tooltip also not displayed.
How to solve the problem?
try addhotspot instead of addplayer,but it bring some offset problem on iphone -
try addhotspot
it didn't help
Participate now!
Don’t have an account yet? Register yourself now and be a part of our community!