You are not logged in.

Dear visitor, welcome to krpano.com Forum. If this is your first visit here, please read the Help. It explains in detail how this page works. To use all features of this page, you should consider registering. Please use the registration form, to register here or read more information about the registration process. If you are already registered, please login here.

1

Tuesday, March 1st 2011, 9:10am

Using combobox with the new BouldThumbs droplet.

Hello everybody. I want to add to the new buildthumbs droplet a combobox, as i use to do.

I tried the way it always worked, but it didn't.

So here is the code with no combobox, may be someone can point me how to use it in this code i attach?

Thank you very much.

Nico

<!-- vtour.xml template krpano tools version 1.0.8.12

-->

<krpano version="1.0.8" onstart="startup();">

<include url="global.xml" />

<include url="%HTMLPATH%/coord_fov_finder/coord_fov_editor.xml"/>

<!-- combobox plugin

<plugin name="box" url="%SWFPATH%/plugins/combobox.swf" preload="true"
keep="true"
align="lefttop" x="10" y="10" width="250"
blendmode="layer"
/>

-->


<action name="startup">
<!-- load the first scene -->
loadscene(get(scene[0].name), null, MERGE);

<!--
showtext(' Exterior ', infostyle);


plugin[box].addIdItem(1, 'Exterior', loadscene(scene_t1, null, MERGE, BLEND(1)); );
plugin[box].addIdItem(2, 'Living Room', loadscene(scene_t2, null, MERGE, BLEND(1)); );
-->

<!-- build the thumbnails (remove the next line to remove the thumbnails) -->
buildthumbs();
</action>




<scene name="scene_t1" title="Exterior" onstart="" thumburl="t1.tiles/thumb.jpg">

<view hlookat="0" vlookat="0" fovtype="MFOV" fov="90" maxpixelzoom="2.0" fovmin="60" fovmax="120" />

<preview url="t1.tiles/preview.jpg" />

<image>
<left url="t1.tiles/pano_l.jpg" />
<front url="t1.tiles/pano_f.jpg" />
<right url="t1.tiles/pano_r.jpg" />
<back url="t1.tiles/pano_b.jpg" />
<up url="t1.tiles/pano_u.jpg" />
<down url="t1.tiles/pano_d.jpg" />
</image>

<!-- place hotspots here -->


<hotspot name="spot1" url="images/x.png"
alpha="0.8"
rotate="-90"
ath="-125" atv="-3" scale="0.7" zoom="true"
onclick="looktohotspot(spot1); loadscene(scene_t2, null, MERGE, BLEND(1));lookat(-310,0,90);"
onhover="showtext(Entrar)"
/>



</scene>




<scene name="scene_t2" onstart="action(startscene);" title="Living Room" onstart="" thumburl="t2.tiles/thumb.jpg">



<view hlookat="0" vlookat="0" fovtype="MFOV" fov="90" maxpixelzoom="2.0" fovmin="60" fovmax="120" />

<preview url="t2.tiles/preview.jpg" />

<image>
<left url="t2.tiles/pano_l.jpg" />
<front url="t2.tiles/pano_f.jpg" />
<right url="t2.tiles/pano_r.jpg" />
<back url="t2.tiles/pano_b.jpg" />
<up url="t2.tiles/pano_u.jpg" />
<down url="t2.tiles/pano_d.jpg" />
</image>

<!-- place hotspots here -->





</scene>

<scene name="scene_t3" title="Cuarto principal" onstart="" thumburl="t3.tiles/thumb.jpg">

<view hlookat="0" vlookat="0" fovtype="MFOV" fov="90" maxpixelzoom="2.0" fovmin="60" fovmax="120" />

<preview url="t3.tiles/preview.jpg" />

<image>
<left url="t3.tiles/pano_l.jpg" />
<front url="t3.tiles/pano_f.jpg" />
<right url="t3.tiles/pano_r.jpg" />
<back url="t3.tiles/pano_b.jpg" />
<up url="t3.tiles/pano_u.jpg" />
<down url="t3.tiles/pano_d.jpg" />
</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_t4" title="Piscina" onstart="" thumburl="t4.tiles/thumb.jpg">

<view hlookat="0" vlookat="0" fovtype="MFOV" fov="90" maxpixelzoom="2.0" fovmin="60" fovmax="120" />

<preview url="t4.tiles/preview.jpg" />

<image>
<left url="t4.tiles/pano_l.jpg" />
<front url="t4.tiles/pano_f.jpg" />
<right url="t4.tiles/pano_r.jpg" />
<back url="t4.tiles/pano_b.jpg" />
<up url="t4.tiles/pano_u.jpg" />
<down url="t4.tiles/pano_d.jpg" />
</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);
set(plugin[get(thumbname)].x, 10);
set(plugin[get(thumbname)].y, 10);
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)].thumbtitle, get(scene[get(i)].title));
set(plugin[get(thumbname)].linkedscene, get(scene[get(i)].name) );
set(plugin[get(thumbname)].onclick, openthumbs() );
set(plugin[get(thumbname)].onhover, showtext(get(thumbtitle)) );
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>

2

Tuesday, March 1st 2011, 3:10pm

<!-- combobox plugin -->

<plugin name="box" url="%SWFPATH%/plugins/combobox.swf" preload="true"
keep="true"
align="lefttop" x="10" y="10" width="250"
blendmode="layer"
/>


INSTEAD of this?


<!-- combobox plugin

<plugin name="box" url="%SWFPATH%/plugins/combobox.swf" preload="true"
keep="true"
align="lefttop" x="10" y="10" width="250"
blendmode="layer"
/>
-->

This gets the basic combo box working. You still need to add the text and link codes. Also make sure you actually have the combobox.swf in your plugins folder.

3

Wednesday, March 2nd 2011, 12:06am

Jarredja,
Thank you a lot!
I did that and now i can see the combobox.... now it is time to add texts, and link them to my scenes. :)
Whats the next step?
Best,
nico

4

Wednesday, March 2nd 2011, 1:00am

Here is an example straight from the combobox plugin page.

http://krpano.com/plugins/combobox/#top

<plugin name="combobox"
url="plugins/combobox.swf"
align="lefttop"
x="10"
y="10"
width="150"
keep="true"
onloaded="action(setupitems);"
/>

<!-- NOTE - this action is called from the combobox plugin
so the prefix "plugin[combobox]." is not needed here -->

<action name="setupitems">
removeall();
additem(Item 1, loadpano(pano1.xml,null,MERGE,BLEND(1)); );
additem(Item 2, loadpano(pano2.xml,null,MERGE,BLEND(1)); );
additem(Item 3, loadpano(pano3.xml,null,MERGE,BLEND(1)); );
</action>

5

Wednesday, March 2nd 2011, 1:02am

Oops! The example above was for multiple xml files and you are using scenes. Look in the examples in the download package for the combo box used in scenes.



Edit: Here is a snippit of code from one of the examples with scenes

found in the
examples/virtual-tours/scenes-with-combobox folder


<krpano version="1.0.8" onstart="action(start)">

<!-- text style for startup info -->
<textstyle name="infostyle" origin="top" edge="top" yoffset="20" textalign="center" background="false" border="false" fontsize="40" textcolor="0xFFFFFF" bold="false" effect="glow(0xFFFFFF,0.7,4,2);glow(0x000000,1,4,2);dropshadow(3,45,0x000000,2,0.6);" showtime="1.0" fadetime="1.0" />



<!-- combobox plugin -->
<plugin name="box" url="%SWFPATH%/plugins/combobox.swf" preload="true"
keep="true"
align="lefttop" x="10" y="10" width="100"
blendmode="layer"
onclick="trace(combobox clicked);"
/>


<action name="start">
plugin[box].addIdItem(1, 'Scene 1', loadscene(scene1, null, MERGE, BLEND(1)); );
plugin[box].addIdItem(2, 'Scene 2', loadscene(scene2, null, MERGE, BLEND(1)); );
plugin[box].addIdItem(3, 'Scene 3', loadscene(scene3, null, MERGE, BLEND(1)); );

<!-- load 1. scene on start -->
loadscene(scene1, null, MERGE);
</action>





Good Luck,

Jarred

6

Saturday, March 5th 2011, 1:32am

Jarred,
Thank you a lot!
I will try that.
Sorry i can't reply before.
Best,
Nico

Similar threads