I know Shanti put together a plugin that does a great job for scrolling thumbs (http://www.krpano.com/forum/wbb/inde…ad&threadID=232)... but I wanted to see if you could do something with xml.
With the 1.0.8b6 release and the stoptween() then it becomes easier.
I wouldn't want to do this for a large number of thumbs / panos... but it could be feasible for a smaller number. Also, when someone smarter than me comes along and creates a nice script that can auto generate the code based upon your existing files... then it might not be too bad considering the ease of customization that the xml offers... at least for people like me (i.e. non-flash programmers).
So, anyways, enough rambling...
Here's a link to a quick online sample where I pretty much just placed the scrolling thumbs over existing template...
http://testsite.marlincreek.com/demo/xmlscroll/
Below is the full xml code for JUST the scrolling thumbs portion. What you could do to test this out is to copy and paste into an xml file "scroll.xml" and then in your main xml file put
Here's the code...
<krpano version="1.0.8">
<!-- forward button located on the bottom right scrolls images to the left -->
<plugin name="button_forward"
url="forward.png"
keep="true"
visible="true" enabled="true" handcursor="true" capture="true" children="true"
zorder="51"
alpha="1" blendmode="normal"
smoothing="true"
origin="rightbottom" edge=""
x="0" y="0"
width="100" height="100"
scale="1"
onloaded=""
onhover="showtext(click me to move faster);"
onover="action(start_move_forward,5);"
onout="action(stop_move_forward);"
ondown="action(start_move_forward,1);"
onup="action(start_move_forward,5);"
onclick=""
/>
<!-- backward button located on the bottom left scrolls images to the right -->
<plugin name="button_backward"
url="back.png"
keep="true"
visible="true" enabled="true" handcursor="true" capture="true" children="true"
zorder="51"
alpha="1" blendmode="normal"
smoothing="true"
origin="leftbottom" edge=""
x="0" y="0"
width="100" height="100"
scale="1"
onloaded=""
onhover="showtext(click me to move faster);"
onover="action(start_move_backward,5);"
onout="action(stop_move_backward);"
ondown="action(start_move_backward,1);"
onup="action(start_move_backward,5);"
onclick=""
/>
<!-- forward or scroll left moves all of the thumbs -- the passed variable controls the speed smaller is faster -->
<action name="start_move_forward">
tween(plugin[thumb1].x,-420,distance(420,%1),linear);
tween(plugin[thumb2].x,-420,distance(420,%1),linear);
tween(plugin[thumb3].x,-420,distance(420,%1),linear);
tween(plugin[thumb4].x,-420,distance(420,%1),linear);
tween(plugin[thumb5].x,-420,distance(420,%1),linear);
</action>
<!-- the tweens here create a brief slowdown effect and could be removed -->
<action name="stop_move_forward">
tween(plugin[thumb1].x,-420,distance(10,0.5),linear);
tween(plugin[thumb2].x,-420,distance(10,0.5),linear);
tween(plugin[thumb3].x,-420,distance(10,0.5),linear);
tween(plugin[thumb4].x,-420,distance(10,0.5),linear);
tween(plugin[thumb5].x,-420,distance(10,0.5),linear);
wait(0.5);
stoptween(plugin[thumb1].x,plugin[thumb2].x,plugin[thumb3].x,plugin[thumb4].x,plugin[thumb5].x);
</action>
<!-- same as the forward action just the other direction -->
<action name="start_move_backward">
tween(plugin[thumb1].x,420,distance(420,%1),linear);
tween(plugin[thumb2].x,420,distance(420,%1),linear);
tween(plugin[thumb3].x,420,distance(420,%1),linear);
tween(plugin[thumb4].x,420,distance(420,%1),linear);
tween(plugin[thumb5].x,420,distance(420,%1),linear);
</action>
<!-- same as the forward action just another direction -->
<action name="stop_move_backward">
tween(plugin[thumb1].x,420,distance(10,0.5),linear);
tween(plugin[thumb2].x,420,distance(10,0.5),linear);
tween(plugin[thumb3].x,420,distance(10,0.5),linear);
tween(plugin[thumb4].x,420,distance(10,0.5),linear);
tween(plugin[thumb5].x,420,distance(10,0.5),linear);
wait(0.5);
stoptween(plugin[thumb1].x,plugin[thumb2].x,plugin[thumb3].x,plugin[thumb4].x,plugin[thumb5].x);
</action>
<!-- this action controls what effects are applied to a thumb when the mouse moves over it -- this ensures they all do the same thing -->
<action name="thumb_onover">
set(plugin[%1].oy,-5);
</action>
<!-- here you would reset anything you changed on the onover action above -->
<action name="thumb_onout">
set(plugin[%1].oy,0);
</action>
<!-- the remainder is just the thumbs themselves -- note that all origins are bottom and x and y are 0 and that the ox attribute is used -->
<plugin name="thumb1"
url="thumb.jpg"
keep="true"
visible="true" enabled="true" handcursor="true" capture="true" children="true"
zorder="50"
alpha="1.00" blendmode="normal"
smoothing="true"
origin="bottom" edge=""
x="0" y="0"
ox="-420" oy="0"
rotate="0"
width="" height=""
scale="1"
onloaded=""
onover="action(thumb_onover,thumb1);"
onhover=""
onout="action(thumb_onout,thumb1);"
ondown=""
onup=""
onclick=""
/>
<plugin name="thumb2"
url="thumb.jpg"
keep="true"
visible="true" enabled="true" handcursor="true" capture="true" children="true"
zorder="50"
alpha="1.00" blendmode="normal"
smoothing="true"
origin="bottom" edge=""
x="0" y="0"
ox="-210" oy="0"
rotate="0"
width="" height=""
scale="1"
onloaded=""
onover="action(thumb_onover,thumb2);"
onhover=""
onout="action(thumb_onout,thumb2);"
ondown=""
onup=""
onclick=""
/>
<plugin name="thumb3"
url="thumb.jpg"
keep="true"
visible="true" enabled="true" handcursor="true" capture="true" children="true"
zorder="50"
alpha="1.00" blendmode="normal"
smoothing="true"
origin="bottom" edge=""
x="0" y="0"
ox="0" oy="0"
rotate="0"
width="" height=""
scale="1"
onloaded=""
onover="action(thumb_onover,thumb3);"
onhover=""
onout="action(thumb_onout,thumb3);"
ondown=""
onup=""
onclick=""
/>
<plugin name="thumb4"
url="thumb.jpg"
keep="true"
visible="true" enabled="true" handcursor="true" capture="true" children="true"
zorder="50"
alpha="1.00" blendmode="normal"
smoothing="true"
origin="bottom" edge=""
x="0" y="0"
ox="210" oy="0"
rotate="0"
width="" height=""
scale="1"
onloaded=""
onover="action(thumb_onover,thumb4);"
onhover=""
onout="action(thumb_onout,thumb4);"
ondown=""
onup=""
onclick=""
/>
<plugin name="thumb5"
url="thumb.jpg"
keep="true"
visible="true" enabled="true" handcursor="true" capture="true" children="true"
zorder="50"
alpha="1.00" blendmode="normal"
smoothing="true"
origin="bottom" edge=""
x="0" y="0"
ox="420" oy="0"
rotate="0"
width="" height=""
scale="1"
onloaded=""
onover="action(thumb_onover,thumb5);"
onhover=""
onout="action(thumb_onout,thumb5);"
ondown=""
onup=""
onclick=""
/>
</krpano>
Display More
and if you need some quick images to use... here's the three that are referenced in above.
There's some interesting possibilities opened up with the latest beta...