Dear Alexy,
Sorry for my delayed gratitude. I've just now been able to return to this project, and to apply your solution, which works :)
Others may view the full working solution for Flash + HTML5 hover text on hotspots here:
http://djunapix.com/photos/NIhiwatuVirtualTour2/tour.html
http://djunapix.com/photos/NIhiwatuVirtualTour2/tour.xml
http://djunapix.com/photos/NIhiwat…2/vtourskin.xml
Now how about the same solution for thumbnails??
Many thanks!!
Djuna
Hi there,
The swipe image feature sounds nice :) I'd be willing to pitch in on that.
Let me know...
Djuna
Doh! Sure enough!
Good eye, Alexey. Big thanks for applying it :)
Next lesson learned, in order to get one tooltip per hotspot in an HTML5 browser and one tooltip per hotspot in a Flash browser (not two), you need the following bits:
<!-- the 'tooltip' style - show tooltip textfield and update positions as long as hovering -->
<style name="tooltip"
onover="copy(layer[tooltip].html, tooltip);
set(layer[tooltip].visible, true);
tween(layer[tooltip].alpha, 1.0, 0.5);
asyncloop(hovering, copy(layer[tooltip].x,mouse.stagex); copy(layer[tooltip].y,mouse.stagey); );"
onout="tween(layer[tooltip].alpha, 0.0, 0.25, default, set(layer[tooltip].visible,false), copy(layer[tooltip].x,mouse.stagex); copy(layer[tooltip].y,mouse.stagey); );"
/>
<!-- the 'tooltip' textfield-->
<layer name="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:14px;"
html=""
/>plus the call of the tooltip style (my typo above)
and the showttext() function ignored via settings like tooltips_hotspots="false"
Can anyone offer any pointers on a template that inserts linked scene titles into the hover text field?
Thanks so much for the speedy replies!
To be redundantly sure, I have my skin settings as follows in both vtourskin.xml and tour.xml -
tooltips_thumbs="true"
tooltips_hotspots="true"This gets my tooltips working fine in Flash, thanks to the default showtext() action in vtourskin.xml:
<style name="skin_hotspotstyle"
onhover="if(skin_settings.tooltips_hotspots, if(linkedscene, showtext(get(scene[get(linkedscene)].title),SKIN_TOOLTIPS)) );"Where I'm still having trouble is the HTML5 implementation. I'm trying to copy the example provided by Klaus in krpano tools 1.16.8/examples/xml-usage/tooltips, which works like this:
<!-- style for dragging hotspot -->
<style name="draghotspot"
distorted="true"
ondown="spheretoscreen(ath, atv, hotspotcenterx, hotspotcentery); sub(drag_adjustx, mouse.stagex, hotspotcenterx); sub(drag_adjusty, mouse.stagey, hotspotcentery); asyncloop(pressed, sub(dx, mouse.stagex, drag_adjustx); sub(dy, mouse.stagey, drag_adjusty); screentosphere(dx, dy, ath, atv); );"
onclick="oninterrupt(break); lookto(get(ath), get(atv));"
/>
<hotspot name="logo1" url="../../images/css3d_logo.png" style="draghotspot|tooltip" tooltip="CSS-3D Transforms Logo" ath="+33" atv="-16" />
<!-- the 'tooltip' style - show tooltip textfield and update positions as long as hovering -->
<style name="tooltip"
onover="copy(layer[tooltip].html, tooltip);
set(layer[tooltip].visible, true);
tween(layer[tooltip].alpha, 1.0, 0.5);
asyncloop(hovering, copy(layer[tooltip].x,mouse.stagex); copy(layer[tooltip].y,mouse.stagey); );"
onout="tween(layer[tooltip].alpha, 0.0, 0.25, default, set(layer[tooltip].visible,false), copy(layer[tooltip].x,mouse.stagex); copy(layer[tooltip].y,mouse.stagey); );"
/>
<!-- the 'tooltip' textfield -->
<layer name="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:14px;"
html=""
/>I take it the 'tooltip' style provides HTML5 functionality. I doubt my need to add the 'tooltip' layer as it calls on Flash. Anyway, I've tried with and without this layer with the same same results -- working Flash tooltip, broken HTML5 tooltip.
Here's what I have now for my hotspot tooltips -- basically the default settings, plus my efforts to Frankenstein the HTML5 functionality:
From vtourskin.xml (defaults):
<!-- skin_hotspotstyle - style for the hotspots (note - the onclick event will be overwritten! the hotspots need to have a 'linkedscene' attribute to be clickable) -->
<style name="skin_hotspotstyle" url="vtourskin_hotspot.png" scale="0.3" edge="top" oy="0"
alpha="0.6"
distorted="true"
onclick="if(linkedscene, tween(scale,0.25,0.5); tween(oy,-20,0.5); tween(alpha,0,0.5); looktohotspot(); zoomto(1.5); loadscene(get(linkedscene),null,MERGE,BLEND(1)); skin_updatescroll(); );"
onhover="if(skin_settings.tooltips_hotspots, if(linkedscene, showtext(get(scene[get(linkedscene)].title),SKIN_TOOLTIPS)) );"
/>
<!-- tooltips textstyle -->
<textstyle name="SKIN_TOOLTIPS" font="Arial" fontsize="16" bold="true" italic="false" background="false" border="false" textcolor="0xFFFFFF" effect="dropshadow(1,45,0x000000,4,1);" fadeintime="0.1" fadetime="0.05" />From tour.xml:
<!-- the 'tooltip' style - show tooltip textfield and update positions as long as hovering -->
<style name="tooltip"
onover="copy(layer[tooltip].html, tooltip);
set(layer[tooltip].visible, true);
tween(layer[tooltip].alpha, 1.0, 0.5);
asyncloop(hovering, copy(layer[tooltip].x,mouse.stagex); copy(layer[tooltip].y,mouse.stagey); );"
onout="tween(layer[tooltip].alpha, 0.0, 0.25, default, set(layer[tooltip].visible,false), copy(layer[tooltip].x,mouse.stagex); copy(layer[tooltip].y,mouse.stagey); );"
/>
<scene name="scene_001-Nihiwatu2AerialPanorama" title="Villa Aerial" onstart="" thumburl="panos/001-Nihiwatu2AerialPanorama.tiles/thumb.jpg" lat="" lng="" heading="">
<view>...</view>
<preview>...</preview>
<image>...</image>
<hotspot name="spot1" style="skin_hotspotstyle|tootip" ath="-58.352" atv="24.513" linkedscene="scene_004-nihiwatuvilla3panorama" tooltip="Go to Villa 3" />Still no go in HTML5.
Worried I might have some conflict between showtext() and the 'tooltip' style functionality, I turned off showtext() for hotspots in tour.xml with the setting tooltips_hotspots="true".
Still no go in HTML5.
See for yourself at:
http://djunapix.com/blog/wp-conten…iwatu/tour.html
http://djunapix.com/blog/wp-conten…hiwatu/tour.xml
http://djunapix.com/blog/wp-conten…n/vtourskin.xml
For testing purposes, I'm trying a static text tooltip. Of course, the best solution would be one that returns the linkedscene title dynamically as part of the hotspot or tooltip style, within the skin template. Would I make this as an addition to the style 'skin_hotspotstyle'? Bascially I want to add an HTML5 version of...
onhover="if(skin_settings.tooltips_hotspots, if(linkedscene, showtext(get(scene[get(linkedscene)].title),SKIN_TOOLTIPS)) );Any handholding to show a noob like me those ropes would be MUCH APPRECIATED! 
Thanks!!
Djuna
Any luck getting tooltips working in both Flash and HTML5?
I found the tooltip example, and have tried inserting the code below into tour.xml (as generated with the default skin for Make Vtour Multires droplet). Unfortunately, no go.
Can anyone offer any pointers??
Thanks!!
Djuna
<!-- the 'tooltip' style - show tooltip textfield and update positions as long as hovering -->
<style name="tooltip"
onover="copy(layer[tooltip].html, tooltip);
set(layer[tooltip].visible, true);
tween(layer[tooltip].alpha, 1.0, 0.5);
asyncloop(hovering, copy(layer[tooltip].x,mouse.stagex); copy(layer[tooltip].y,mouse.stagey); );"
onout="tween(layer[tooltip].alpha, 0.0, 0.25, default, set(layer[tooltip].visible,false), copy(layer[tooltip].x,mouse.stagex); copy(layer[tooltip].y,mouse.stagey); );"
/>
<!-- the 'tooltip' textfield -->
<layer name="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:14px;"
html=""
/>Wow! Awesome!! How did you do that???
All loaded fine, eventually, but the streaming wasn't terribly friendly on my 256Kbps ASDL connection. Quite jumpy.
And it took me a while to see the itty bitty progress bar.
I think a directional cursor would also be nice.
BUT, that's all minor in the face of this being friggin' AMAZING!
I viewed via Chrome on a Mac Book Pro.
Best success!
Djuna
Sounds exciting! Many thanks for your hard work on development and documentation, Klaus.
I'm eager to get my hands on 1.0.8.15. Sadly, no luck. I've tried a dozen downloads on different computers, platforms, and browsers. Each has aborted prematurely -- often before hitting 1 Mb. I've deleted dead files, and cleared browser caches. Still no good.
Help?!?
Is there a parameter that will launch the options plugin in the maximized state? I'm trying to run options along with scrolling thumbnails, and options won't maximize...
Has anyone had luck getting the "options" plugin to run on top of scrolling thumbnails? I've tried running it in the plugins folder and in the virtualtour.xml file. The minimized-state arrow appears, but the plugin won't maximize...
Thanks!
Djuna
"
Well guys this scroller is kinda old, and the code is really a mess, I have been searching for other components to adapt for Krpano such as this one
http://flashotaku.com/blog/thumbnailscroller-component-as3/
that one offers a lot more options already built in and it should be easy to adapt (hopefully) so if anyone is interested I can give it a shot, I haven't had a lot of free time lately but I think Krpano needs a better thumbnail scroller than mine :)
what do you guys think?
Looks great. I'd pitch in :)
This is great!
Dummy question: How do I generate non-demo pages using this template? Yes, I've bought a license... However, dragging and dropping it into the same directory doesn't do the trick. Do I need to modify the template files for my own droplets??
Many thanks!
EDIT: Found the answer here: http://www.krpano.com/forum/wbb/inde…icense#post2285
Need to change name of krpano.license to virtualtour.license
I like the "SuperCubic" Photoshop plugin. Generates just the zenith and nadir cube faces for easy editing.
