I have created a tour and trying to use the Combobox for navigation. I can't manage to make it work, please help! My xml is as bellow —
Code
<krpano version="1.0.8.14" onstart="startup();">
<!-- vtour.xml template krpano tools version 1.0.8.14 -->
<action name="startup">
<!-- load the first scene -->
loadscene(get(scene[0].name), null, MERGE);
<!-- build thumbnails when there is more than one scene (remove the line below to remove the thumbnails) -->
if(scene.count GT 1, buildthumbs(); );
</action>
<!-- disable the default progress bar -->
<progress showload="none" showwait="none" />
<!-- hotspot styles (for Flash and HTML5) -->
<style name="hotspot_ani_black"
url="hotspots/hotspot_ani_black_64x64x20.png"
crop="0|0|64|64"
framewidth="64" frameheight="64" frame="0" lastframe="19"
onloaded="hotspot_animate();"
altonloaded="if(isphone, mul(scale,2)); onloaded();"
/>
<style name="hotspot_ani_white"
url="hotspots/hotspot_ani_white_64x64x20.png"
crop="0|0|64|64"
framewidth="64" frameheight="64" frame="0" lastframe="19"
onloaded="hotspot_animate();"
altonloaded="if(isphone, mul(scale,2)); onloaded();"
/>
<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.03, if(loaded, hotspot_animate() ) );
</action>
<!-- combobox plugin -->
<plugin name="cb"
url="%SWFPATH%/plugins/combobox.swf"
alturl="%SWFPATH%/plugins/combobox.js"
align="leftbottom" x="10" y="10"
onloaded="fillbox();"
/>
<action name="fillbox">
addIdItem(item1, 'Dinning', trace(item1 clicked) );
addIdItem(item2, 'Living', trace(item2 clicked) );
addIdItem(item3, 'Bar', trace(item3 clicked) );
addIdItem(item4 'Kitchen', trace(item4 clicked) );
addIdItem(item5, 'Deck', trace(item5 clicked) );
addIdItem(item6, 'Master Bed', trace(item6 clicked) );
addIdItem(item7, 'Bath', trace(item7 clicked) );
addIdItem(item8, 'Guest', trace(item8 clicked) );
addIdItem(item9, 'Natasha', trace(item9 clicked) );
addIdItem(item10, 'Studio', trace(item10 clicked) );
</action>
<!-- scenes -->
<scene name="scene_Dinning" title="Dinning" onstart="" thumburl="panos/Dinning.tiles/thumb.jpg">
<view hlookat="0" vlookat="0" fovtype="MFOV" fov="90" maxpixelzoom="2.0" fovmin="60" fovmax="120" limitview="auto" />
<preview url="panos/Dinning.tiles/preview.jpg" />
<image type="CUBE" multires="true" tilesize="587" progressive="false">
<level tiledimagewidth="2935" tiledimageheight="2935">
<cube url="panos/Dinning.tiles/l3_%s_%0v%0h.jpg" />
</level>
<level tiledimagewidth="1468" tiledimageheight="1468">
<cube url="panos/Dinning.tiles/l2_%s_%0v%0h.jpg" />
</level>
<level tiledimagewidth="734" tiledimageheight="734">
<cube url="panos/Dinning.tiles/l1_%s_%0v%0h.jpg" />
</level>
<mobile>
<cube url="panos/Dinning.tiles/mobile_%s.jpg" />
</mobile>
<tablet>
<cube url="panos/Dinning.tiles/tablet_%s.jpg" />
</tablet>
</image>
<!-- place hotspots here -->
<!-- example hotspot:
<hotspot name="spot1" style="hotspot_ani_black"
ath="0"
atv="0"
zoom="false"
onclick="looktohotspot(get(name)); loadscene('insert-scene-name',null,MERGE,BLEND(1));"
/>
-->
</scene>
<scene name="scene_Living" title="Living" onstart="" thumburl="panos/Living.tiles/thumb.jpg">
<view hlookat="0" vlookat="0" fovtype="MFOV" fov="90" maxpixelzoom="2.0" fovmin="60" fovmax="120" limitview="auto" />
<preview url="panos/Living.tiles/preview.jpg" />
<image type="CUBE" multires="true" tilesize="587" progressive="false">
<level tiledimagewidth="2935" tiledimageheight="2935">
<cube url="panos/Living.tiles/l3_%s_%0v%0h.jpg" />
</level>
<level tiledimagewidth="1468" tiledimageheight="1468">
<cube url="panos/Living.tiles/l2_%s_%0v%0h.jpg" />
</level>
<level tiledimagewidth="734" tiledimageheight="734">
<cube url="panos/Living.tiles/l1_%s_%0v%0h.jpg" />
</level>
<mobile>
<cube url="panos/Living.tiles/mobile_%s.jpg" />
</mobile>
<tablet>
<cube url="panos/Living.tiles/tablet_%s.jpg" />
</tablet>
</image>
<!-- place hotspots here -->
<!-- example hotspot:
<hotspot name="spot1" style="hotspot_ani_black"
ath="0"
atv="0"
zoom="false"
onclick="looktohotspot(get(name)); loadscene('insert-scene-name',null,MERGE,BLEND(1));"
/>
-->
</scene>
<scene name="scene_Bar" title="Bar" onstart="" thumburl="panos/Bar.tiles/thumb.jpg">
<view hlookat="0" vlookat="0" fovtype="MFOV" fov="90" maxpixelzoom="2.0" fovmin="60" fovmax="120" limitview="auto" />
<preview url="panos/Bar.tiles/preview.jpg" />
<image type="CUBE" multires="true" tilesize="532" progressive="false">
<level tiledimagewidth="2927" tiledimageheight="2927">
<cube url="panos/Bar.tiles/l3_%s_%0v%0h.jpg" />
</level>
<level tiledimagewidth="1464" tiledimageheight="1464">
<cube url="panos/Bar.tiles/l2_%s_%0v%0h.jpg" />
</level>
<level tiledimagewidth="732" tiledimageheight="732">
<cube url="panos/Bar.tiles/l1_%s_%0v%0h.jpg" />
</level>
<mobile>
<cube url="panos/Bar.tiles/mobile_%s.jpg" />
</mobile>
<tablet>
<cube url="panos/Bar.tiles/tablet_%s.jpg" />
</tablet>
</image>
<!-- place hotspots here -->
<!-- example hotspot:
<hotspot name="spot1" style="hotspot_ani_black"
ath="0"
atv="0"
zoom="false"
onclick="looktohotspot(get(name)); loadscene('insert-scene-name',null,MERGE,BLEND(1));"
/>
-->
</scene>
<scene name="scene_Kitchen" title="Kitchen" onstart="" thumburl="panos/Kitchen.tiles/thumb.jpg">
<view hlookat="0" vlookat="0" fovtype="MFOV" fov="90" maxpixelzoom="2.0" fovmin="60" fovmax="120" limitview="auto" />
<preview url="panos/Kitchen.tiles/preview.jpg" />
<image type="CUBE" multires="true" tilesize="489" progressive="false">
<level tiledimagewidth="2934" tiledimageheight="2934">
<cube url="panos/Kitchen.tiles/l3_%s_%0v%0h.jpg" />
</level>
<level tiledimagewidth="1467" tiledimageheight="1467">
<cube url="panos/Kitchen.tiles/l2_%s_%0v%0h.jpg" />
</level>
<level tiledimagewidth="734" tiledimageheight="734">
<cube url="panos/Kitchen.tiles/l1_%s_%0v%0h.jpg" />
</level>
<mobile>
<cube url="panos/Kitchen.tiles/mobile_%s.jpg" />
</mobile>
<tablet>
<cube url="panos/Kitchen.tiles/tablet_%s.jpg" />
</tablet>
</image>
<!-- place hotspots here -->
<!-- example hotspot:
<hotspot name="spot1" style="hotspot_ani_black"
ath="0"
atv="0"
zoom="false"
onclick="looktohotspot(get(name)); loadscene('insert-scene-name',null,MERGE,BLEND(1));"
/>
-->
</scene>
<scene name="scene_Deck" title="Deck" onstart="" thumburl="panos/Deck.tiles/thumb.jpg">
<view hlookat="0" vlookat="0" fovtype="MFOV" fov="90" maxpixelzoom="2.0" fovmin="60" fovmax="120" limitview="auto" />
<preview url="panos/Deck.tiles/preview.jpg" />
<image type="CUBE" multires="true" tilesize="733" progressive="false">
<level tiledimagewidth="2932" tiledimageheight="2932">
<cube url="panos/Deck.tiles/l3_%s_%0v%0h.jpg" />
</level>
<level tiledimagewidth="1466" tiledimageheight="1466">
<cube url="panos/Deck.tiles/l2_%s_%0v%0h.jpg" />
</level>
<level tiledimagewidth="733" tiledimageheight="733">
<cube url="panos/Deck.tiles/l1_%s_%0v%0h.jpg" />
</level>
<mobile>
<cube url="panos/Deck.tiles/mobile_%s.jpg" />
</mobile>
<tablet>
<cube url="panos/Deck.tiles/tablet_%s.jpg" />
</tablet>
</image>
<!-- place hotspots here -->
<!-- example hotspot:
<hotspot name="spot1" style="hotspot_ani_black"
ath="0"
atv="0"
zoom="false"
onclick="looktohotspot(get(name)); loadscene('insert-scene-name',null,MERGE,BLEND(1));"
/>
-->
</scene>
<scene name="scene_Master Bed" title="Master Bed" onstart="" thumburl="panos/Master Bed.tiles/thumb.jpg">
<view hlookat="0" vlookat="0" fovtype="MFOV" fov="90" maxpixelzoom="2.0" fovmin="60" fovmax="120" limitview="auto" />
<preview url="panos/Master Bed.tiles/preview.jpg" />
<image type="CUBE" multires="true" tilesize="732" progressive="false">
<level tiledimagewidth="2928" tiledimageheight="2928">
<cube url="panos/Master Bed.tiles/l3_%s_%0v%0h.jpg" />
</level>
<level tiledimagewidth="1464" tiledimageheight="1464">
<cube url="panos/Master Bed.tiles/l2_%s_%0v%0h.jpg" />
</level>
<level tiledimagewidth="732" tiledimageheight="732">
<cube url="panos/Master Bed.tiles/l1_%s_%0v%0h.jpg" />
</level>
<mobile>
<cube url="panos/Master Bed.tiles/mobile_%s.jpg" />
</mobile>
<tablet>
<cube url="panos/Master Bed.tiles/tablet_%s.jpg" />
</tablet>
</image>
<!-- place hotspots here -->
<!-- example hotspot:
<hotspot name="spot1" style="hotspot_ani_black"
ath="0"
atv="0"
zoom="false"
onclick="looktohotspot(get(name)); loadscene('insert-scene-name',null,MERGE,BLEND(1));"
/>
-->
</scene>
<scene name="scene_Bath" title="Bath" onstart="" thumburl="panos/Bath.tiles/thumb.jpg">
<view hlookat="0" vlookat="0" fovtype="MFOV" fov="90" maxpixelzoom="2.0" fovmin="60" fovmax="120" limitview="auto" />
<preview url="panos/Bath.tiles/preview.jpg" />
<image type="CUBE" multires="true" tilesize="587" progressive="false">
<level tiledimagewidth="2935" tiledimageheight="2935">
<cube url="panos/Bath.tiles/l3_%s_%0v%0h.jpg" />
</level>
<level tiledimagewidth="1468" tiledimageheight="1468">
<cube url="panos/Bath.tiles/l2_%s_%0v%0h.jpg" />
</level>
<level tiledimagewidth="734" tiledimageheight="734">
<cube url="panos/Bath.tiles/l1_%s_%0v%0h.jpg" />
</level>
<mobile>
<cube url="panos/Bath.tiles/mobile_%s.jpg" />
</mobile>
<tablet>
<cube url="panos/Bath.tiles/tablet_%s.jpg" />
</tablet>
</image>
<!-- place hotspots here -->
<!-- example hotspot:
<hotspot name="spot1" style="hotspot_ani_black"
ath="0"
atv="0"
zoom="false"
onclick="looktohotspot(get(name)); loadscene('insert-scene-name',null,MERGE,BLEND(1));"
/>
-->
</scene>
<scene name="scene_Guest" title="Guest" onstart="" thumburl="panos/Guest.tiles/thumb.jpg">
<view hlookat="0" vlookat="0" fovtype="MFOV" fov="90" maxpixelzoom="2.0" fovmin="60" fovmax="120" limitview="auto" />
<preview url="panos/Guest.tiles/preview.jpg" />
<image type="CUBE" multires="true" tilesize="532" progressive="false">
<level tiledimagewidth="2926" tiledimageheight="2926">
<cube url="panos/Guest.tiles/l3_%s_%0v%0h.jpg" />
</level>
<level tiledimagewidth="1463" tiledimageheight="1463">
<cube url="panos/Guest.tiles/l2_%s_%0v%0h.jpg" />
</level>
<level tiledimagewidth="732" tiledimageheight="732">
<cube url="panos/Guest.tiles/l1_%s_%0v%0h.jpg" />
</level>
<mobile>
<cube url="panos/Guest.tiles/mobile_%s.jpg" />
</mobile>
<tablet>
<cube url="panos/Guest.tiles/tablet_%s.jpg" />
</tablet>
</image>
<!-- place hotspots here -->
<!-- example hotspot:
<hotspot name="spot1" style="hotspot_ani_black"
ath="0"
atv="0"
zoom="false"
onclick="looktohotspot(get(name)); loadscene('insert-scene-name',null,MERGE,BLEND(1));"
/>
-->
</scene>
<scene name="scene_Natasha" title="Natasha" onstart="" thumburl="panos/Natasha.tiles/thumb.jpg">
<view hlookat="0" vlookat="0" fovtype="MFOV" fov="90" maxpixelzoom="2.0" fovmin="60" fovmax="120" limitview="auto" />
<preview url="panos/Natasha.tiles/preview.jpg" />
<image type="CUBE" multires="true" tilesize="591" progressive="false">
<level tiledimagewidth="2955" tiledimageheight="2955">
<cube url="panos/Natasha.tiles/l3_%s_%0v%0h.jpg" />
</level>
<level tiledimagewidth="1478" tiledimageheight="1478">
<cube url="panos/Natasha.tiles/l2_%s_%0v%0h.jpg" />
</level>
<level tiledimagewidth="739" tiledimageheight="739">
<cube url="panos/Natasha.tiles/l1_%s_%0v%0h.jpg" />
</level>
<mobile>
<cube url="panos/Natasha.tiles/mobile_%s.jpg" />
</mobile>
<tablet>
<cube url="panos/Natasha.tiles/tablet_%s.jpg" />
</tablet>
</image>
<!-- place hotspots here -->
<!-- example hotspot:
<hotspot name="spot1" style="hotspot_ani_black"
ath="0"
atv="0"
zoom="false"
onclick="looktohotspot(get(name)); loadscene('insert-scene-name',null,MERGE,BLEND(1));"
/>
-->
</scene>
<scene name="scene_Studio" title="Studio" onstart="" thumburl="panos/Studio.tiles/thumb.jpg">
<view hlookat="0" vlookat="0" fovtype="MFOV" fov="90" maxpixelzoom="2.0" fovmin="60" fovmax="120" limitview="auto" />
<preview url="panos/Studio.tiles/preview.jpg" />
<image type="CUBE" multires="true" tilesize="730" progressive="false">
<level tiledimagewidth="2920" tiledimageheight="2920">
<cube url="panos/Studio.tiles/l3_%s_%0v%0h.jpg" />
</level>
<level tiledimagewidth="1460" tiledimageheight="1460">
<cube url="panos/Studio.tiles/l2_%s_%0v%0h.jpg" />
</level>
<level tiledimagewidth="730" tiledimageheight="730">
<cube url="panos/Studio.tiles/l1_%s_%0v%0h.jpg" />
</level>
<mobile>
<cube url="panos/Studio.tiles/mobile_%s.jpg" />
</mobile>
<tablet>
<cube url="panos/Studio.tiles/tablet_%s.jpg" />
</tablet>
</image>
<!-- place hotspots here -->
<!-- example hotspot:
<hotspot name="spot1" style="hotspot_ani_black"
ath="0"
atv="0"
zoom="false"
onclick="looktohotspot(get(name)); loadscene('insert-scene-name',null,MERGE,BLEND(1));"
/>
-->
</scene>
<!-- thumbnail actions begin (remove the 'buildthumbs()' call in the onstart event to remove the thumbs) -->
<action name="buildthumbs">
if(%1 != NEXT, set(i,0));
if(i LT scene.count,
copy(thumb, scene[get(i)].thumburl);
txtadd(thumbname,'thumb_',get(i));
addplugin(get(thumbname));
set(plugin[get(thumbname)].url, get(thumb));
set(plugin[get(thumbname)].keep, true);
set(plugin[get(thumbname)].align, leftbottom);
set(plugin[get(thumbname)].width, 40);
set(plugin[get(thumbname)].height, 40);
mul(plugin[get(thumbname)].x, i,3);
mul(plugin[get(thumbname)].y, i,3);
add(plugin[get(thumbname)].x, 5);
add(plugin[get(thumbname)].y, 5);
copy(plugin[get(thumbname)].xsmall, plugin[get(thumbname)].x);
copy(plugin[get(thumbname)].ysmall, plugin[get(thumbname)].y);
add(plugin[get(thumbname)].zorder, 100, i);
set(plugin[get(thumbname)].effect, glow(0xFFFFFF,1.0,2,10000));
set(plugin[get(thumbname)].jsborder, '1px solid #FFFFFF');
copy(plugin[get(thumbname)].thumbpos, i);
set(plugin[get(thumbname)].linkedscene, get(scene[get(i)].name) );
set(plugin[get(thumbname)].onclick, openthumbs() );
inc(i);
buildthumbs(NEXT);
);
</action>
<action name="openthumb">
if(%2 != NEXT,
set(pos,0);
copy(curpos, plugin[%1].thumbpos);
set(xdst, 0);
set(ydst, 0);
);
if(pos LT curpos,
inc(pos);
inc(ydst,90);
sub(ymax, stageheight, 100);
if(ydst GT ymax, inc(xdst,90);set(ydst,0); );
openthumb(%1,NEXT);
,
add(xdst,10);
add(ydst,10);
tween(plugin[%1].x, get(xdst) );
tween(plugin[%1].y, get(ydst) );
tween(plugin[%1].width, 80);
tween(plugin[%1].height, 80);
);
</action>
<action name="closethumb">
tween(plugin[%1].x, get(plugin[%1].xsmall));
tween(plugin[%1].y, get(plugin[%1].ysmall));
tween(plugin[%1].width, 40);
tween(plugin[%1].height, 40);
</action>
<action name="openthumbs">
if(%1 != NEXT,
set(i,0);
set(events.onclick, set(events.onclick,null); delayedcall(0.1, closethumbs() ); );
);
if(i LT scene.count,
txtadd(thumbname,'thumb_',get(i));
openthumb(get(thumbname));
set(plugin[get(thumbname)].onclick, set(events.onclick,null); closethumbs(); loadscene(get(linkedscene),null,MERGE,BLEND(1)); );
inc(i);
openthumbs(NEXT);
);
</action>
<action name="closethumbs">
if(%1 != NEXT, set(i,0));
if(i LT scene.count,
txtadd(thumbname,'thumb_',get(i));
closethumb(get(thumbname));
set(plugin[get(thumbname)].onclick, openthumbs() );
inc(i);
closethumbs(NEXT);
);
</action>
<!-- thumbnail actions end -->
</krpano>
Display More