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>

  • <!-- 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.

  • Here is an example straight from the combobox plugin page.

    https://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>

  • 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

Participate now!

Don’t have an account yet? Register yourself now and be a part of our community!