ScrollThumbs xml plugin

Quote from mindlessboss

Hello! bendyclickr
Tell me - what you want to know.

All is ok mindlessboss, figuring it out as I go. I thought there might be some more documentation but it isn't a problem.

Thanks anyway.

Hi Mindless Boss,
I have created a template based on repeat tour format using Orange Scrolling Thumbs and was wondering if you could help me out with an issue about the thumbs setup. When I build a tour using my version of the MAKE VTOUR (MULTIRES) droplet.bat, the config (assumed) file is auto setting the file path for the thumbs based off of the original config format from Krpano. Example

I have 4 images for my tour named a, b, c and d
when I drag them onto the MAKE VTOUR (MULTIRES) droplet.bat, the xml generated has a thumbnail directory path for each scene set for thumburl="a.tiles/thumb.jpg"; thumburl="b.tiles/thumb.jpg"; c.tiles, etc... but I need it to be thumburl="a.jpg" and so on as per the basic configuration of orange scroll thumbs (all thumbs are in the "thumbs" folder).

I want to setup either the krpano.config file to correct the directory url listing, OR change the way orange scroll thumbs is setup for this.

What I DON'T WANT is to have to go through my xml file after creating a 100 image tour and change each of these thumburl listings manually.

Got a Fix?
Your direction and assistance would be greatly appreciated. Even if just a link to some documentation.

Tony

Hi, I am also wondering where the new data / xml info can be found for the vertical thumbs option. I haven't seen an update on the plugin page or a link to anything except the demo. I've tried putting the vertical=true option in but either I'm not putting it in the right place or it doesn't work without having downloaded an updated plugin.
Advice?
Tony

1st, Thanks for the updated xml template. I will give it a shot, then modify it to my layout if all is well.

I have been trying unsuccessfully to modify the thumbs and positions of the controlling buttons when faced with iPad and iPhone versions. I copied and tried the code from page 2 of this thread for the... if isflash/ifisipad/ifisIphone. I modified it to include some button location changes and resize the thumbs, but nothing changes.

<action name="buildthumbs">
if(isflash,
set(thumbnails[thumbs1].width, 600);
set(thumbnails[thumbs1].thumb_width,150);
set(thumbnails[thumbs1].thumb_height,75);


);
if(isiphone,
set(thumbnails[thumbs1].width,200);
set(thumbnails[thumbs1].thumb_width,100);
set(thumbnails[thumbs1].thumb_height,50);


);
if(isipad,
set(thumbnails[thumbs1].width,300);
set(thumbnails[thumbs1].thumb_width,80);
set(thumbnails[thumbs1].thumb_height,40);
set(plugin[btn_prev].y, 100);
set(plugin[btn_next].y, 100);
set(plugin[scrollleft].y, 65);
set(plugin[scrollright].y, 65);


);
thumbnails_build(thumbs1);
</action>

I want to be able to move things around a bit (relocate the buttons) and insure that the thumb borders resize properly as well.

Also, was unable to use the Vertical Scroll Option and haven't found where I can get details for this. If it's linked into this thread somewhere, I've overlooked it. I tried the vertical = true option as found herein, but that didn't work for me... I probably used it wrong.

Thanks for all the help. Customers like this thumbnail option and it is great to have as a compatible iPad and mobile option.

Tony

Hi Andrey,
Is it possible to hide the thumbs by tweening them down off stage and back up again with a button? If I put a black bar at the bottom of my stage, and somehow set that as the parent of my thumbs, then had the bar tween offstage, is that a possible? I tried the latter but could not get it to work.
Tony

Can you make a dragable thumbnails this way?

Quote from mindlessboss

Hi!

Yes of course
note - thumbnails has plugin with same name. But you can't changing x y width and height directly, only by thumbnails_build function
but you can do it by parent plugin

example:

create plugin with some name ('thumbsstageplugin' - for example)

set(plugin[thumbs1].parent,thumbsstageplugin);
tween(plugin[thumbsstageplugin].alpha,0,3);

this will hide thumbnails with name 'thumbs1' by changing alpha to 0
now you can moving thumbs by moving 'thumbsstageplugin' plugin
changing x y alpha scale (for scale dont forget about scalechildren attribute, must be true)

Hope this help
Regards!

Andrey

Display More

Well, there are a number of issues that I have not been able to get around.

• the thumbs disappear OK, then the thumbstage tweens off stage (tacky as the thumbs don't actually follow the thumbstage)

• when I bring the thumbstage back, the thumbs don't reappear

• when I get the thumbstage back, it no longer functions a second time

I've tried everything from setting and tweening both elements (thumbs1 and thumbstage) and nothing seems to work to get either visibility (of thumbs) or functionality (of thumbstage).

Sample Code:

<plugin name="thumbsContainer" url="images/whiteBar.jpg" alpha=".6" enabled="true" align="bottomleft" x="0" y="0" width="100%" height="100" keep="true" scalechildren="true" onclick="hideThumbs();" />
<plugin name="thumbsButton" url="images/btn_fullScr.png" visible="false" alpha="0.0" scale=".2" align="bottomleft" zorder="5" enabled="false" keep="true" x="10" y="10" onclick="showThumbs();" />


<action name="hideThumbs">
		<!-- Set thumbs to thumbsContainer -->
	set(plugin[thumbs1].parent,thumbsContainer);
		<!-- Remove thumbsContainer from Stage -->
tween(plugin[thumbsContainer].alpha, 0, 2);
tween(plugin[thumbsContainer].y, -100, 2);
		<!-- Show thumbs stage Button to retrieve the thumbsContainer -->
set(plugin[thumbsButton].visible, true);
tween(plugin[thumbsButton].alpha, 1.0, 2);
set(plugin[thumbsButton].enabled, true);


</action>
<action name="showThumbs">
	<!-- Double Check for set thumbs to thumbsContainer -->
		set(plugin[thumbs1].parent,thumbsContainer);
		<!-- Insure the thumbs come back TEST FAIL -->
set(plugin[thumbs1].alpha, 1.0, 2);
		<!-- Bring back the thumbContainer -->	
set(plugin[thumbContainer].enabled, true);
tween(plugin[thumbsContainer].alpha,.6,2);
tween(plugin[thumbsContainer].y, 0, 2);
<!-- Remove the thumbs stage button -->
tween(plugin[thumbsButton].alpha, 0, 2);
set(plugin[thumbsButton].enabled, false);
set(plugin[thumbsButton].visible, false);
</action>

This is just a simple test to get the functionality started before I start setting it up nicely... but i can't get it to work.

Is it possible to have the tumbnails take up a percentage of the screenwidth - something like:

set(thumbnails[thumbs1].size,95%);

???

That works perfectly! Until I change the size of my browser window, then it doesn't really work any longer...

Any suggestion for sensing the browser resize and recalculating the area to be 95% again?

Thanks - resize works great now! Great product, and excellent support!

I was having some issue with the scroll speed on the thumbs - they're pretty uncontrollable, and scroll_speed appears to have no effect on how rapidly the thumbs scroll.

1) I've got about 40 thumbs (162x120) in thumb1, wrapped in thumbContainer and I'm trying to figure out how to slow down the scroll speed

2) I can't seem to get the scroll left/right buttons (prevThumbArrow, nextThumbArrow) to work as in the thumbsexample.xml

Any help is greatly appreciated!

<plugin name="prevThumbArrow"devices="desktop"zorder="86"handcursor="true"url="%SWFPATH%/assets/img/additional/prevnext.png"scale="0.3"keep="true"align="bottomleft"y="-50"x="15"alpha="0.5"visible="true"onover="tween(alpha,1);"onout="tween(alpha,0.5);"onhover="showtext(Scroll Left,standardText);"onclick="thumbnails_movebegin(thumbs1); thumbnails_movestop(thumbs1);"/>
<plugin name="nextThumbArrow"devices="desktop"zorder="86"handcursor="true"url="%SWFPATH%/assets/img/additional/prevnext.png"scale="0.3"edge="left"rotate="180"keep="true"align="bottomright"y="-50"x="15"alpha="0.5"visible="true"onover="tween(alpha,1);"onout="tween(alpha,0.5);"onhover="showtext(Scroll Right,standardText);"onclick="thumbnails_moveend(thumbs1); thumbnails_movestop(thumbs1);"/>
<plugin name="thumbsContainer"devices="desktop"visible="false"zorder="81"url="thumbsContainer.png"align="bottom"width="100%"height="5%"keep="true"state="false"alpha="1"x="0y="-150"scalechildren="false"/>	
<thumbnails name="thumbs1"vertical="false"edge="top" align="bottom" y="140"thumb_width="162"thumb_height="120"thumb_margin="1"skin_url="%SWFPATH%/assets/scroller/thumbsxml/skin/"scroll_speed="3"folow_mouse="true">

Quote from mindlessboss

PS - please dont share unprotected code it's not safe, if i want i can grab all yours plugins...

Andrey

Hey Andrey: To what lengths are you suggesting I not share code? I could use some advice if you'd care to take a little time to email me with some do's, don'ts, and pointers with more explicit detail. Thanks for the heads up too.
Tony
hdrprophoto@yahoo.com