There is a great example - https://krpano.com/examples/10815…ingut/tour.html.
I made a tour, just like this example. But in example there are frames around the thumbnails. And in my version - no.
Although, everything is written exactly same.
Here is my code
Code
<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, lefttop);
set(plugin[get(thumbname)].width, 60);
set(plugin[get(thumbname)].height, 60);
set(plugin[get(thumbname)].x, 10);
set(plugin[get(thumbname)].y, 10);
mul(plugin[get(thumbname)].x, i,1);
mul(plugin[get(thumbname)].y, i,1);
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,3,15,20));
set(plugin[get(thumbname)].jsborder,'50px 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)].devices, all);
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(xdst,130);
sub(xmax, stagewidth, 500);
if(xdst GT xmax, inc(ydst,130);set(xdst,0); );
openthumb(%1,NEXT);
,
add(xdst,5);
add(ydst,5);
tween(plugin[%1].x, get(xdst) );
tween(plugin[%1].y, get(ydst) );
tween(plugin[%1].width, 120);
tween(plugin[%1].height, 120);
);
</action>
<action name="closethumb">
tween(plugin[%1].x, get(plugin[%1].xsmall));
tween(plugin[%1].y, get(plugin[%1].ysmall));
tween(plugin[%1].width, 60);
tween(plugin[%1].height, 60);
</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>
Display More
I guess the problem is in these lines, but everything is exactly the same as in the example.
Code
set(plugin[get(thumbname)].effect,glow(0xFFFFFF,3,15,20));
set(plugin[get(thumbname)].jsborder,'50px solid #FFFFFF');
Second day I can not understand what I did wrong.