I'm looking at the HTML5 tooltips example pano. https://krpano.com/examples/116/e…s/tooltips.html
However, I have not found any tutorial or code example provided in the dox. The closest I can come is to manually edit the URL address above to obtain its XML file. https://krpano.com/examples/116/e…ps/tooltips.xml
I looked it over, understand what is happening, but when I copy the relevant code (removing fade-in/out calls) to my own XML's generated with Kolor's PTP, I do NOT get any mouseover tooltips on a PC the same as with the demo (flash disabled, thus forced HTML5). Not expecting anything on mobile devices, so that's not an issue, but on desktops it is.
This is the code added/edited to one of my tour pano XMLs...
<hotspot name="spot67" hview="90.85" vview="7.38" fovview="65" hcenter="15.3562" vcenter="0.47619"
onclick="looktohotspot(get(name),get(view.fovmin),smooth(400,20,100));
mainloadpano(tour1.xml);
lookat(get(hview),get(vview),get(fovview));"
url="tourdata/graphics/spots/spot0.png" ath="15.3562" atv="0.47619"
style="tooltip"
tooltip="Office or Formal Dining" />
<!-- the 'tooltip' style - show tooltip textfield -->
<style name="tooltip"
onover="copy(layer[tooltip].html, tooltip);
set(layer[tooltip].visible, true);"
onout="set(layer[tooltip].visible,false);"/>
<!-- the 'tooltip' textfield -->
<layer name="tooltip" keep="true" url="plugins/textfield.swf" parent="STAGE" visible="false" alpha="0"
enabled="false" align="lefttop" edge="bottom" oy="-2" width="200" autoheight="true" background="true"
backgroundcolor="0xFFFFFF" backgroundalpha="0.7" border="false" roundedge="7" shadow="0"
textshadow="0" css="text-align:center; color:#000000; font-family:Arial; font-weight:bold; font-size:14px;"
html=""/>
Display More
Since this is NOT working, even after clearing the browser's cache, there must be some OTHER code in another file to enable this. What and where is it?
That or please provide specific steps to implement this new option manually to existing XMLs.