ThumbnailScroller Component AS3
Actionscript 3, Flash Components December 20th, 2007ThumbnailScroller Component AS3 is a free flash component that helps you create very nice image galleries, especially when used together with Slideshow Component. The component reads the path to each image from an XML file. You can load JPEG, PNG , GIF and SWF files.
The component is very easy to work with. It has 29 customizable properties(thumbWidth, thumbHeight, direction, scaleMode, alignType, setBorder, preloaderType etc), allowing you to easily use it in your own applications. For a more detailed description see the component’s documentation. If you want to see this component in action, take a look at the preview.
I hope you will enjoy using this component. If you have any questions, feel free to ask.
Requirements
Authoring: Flash CS3
Actionscript: Actionscript 3 (Actionscript 2 version available here)
Player: Flash Player 9
Download ThumbnailScroller Component AS3
Documentation for this component is available here.
Permission
This component is for non-commercial use only. For commercial projects please purchase the Thumbnail Scroller component.
Support
As of 11 March 2009, support is no longer provided for the free components. If you need support, please purchase the commercial version of the components.
January 25th, 2008 at 6:18 am
This is a great component. Is it possible to have more XML elements to link to different area in the swf file or load another larger version of the thumbnail? Can this component be control by a slider instead of the two arrow type navigation?
January 25th, 2008 at 8:57 am
You can add other XML elements but you need to parse the XML file again. See this tutorial on how you can open an URL when you click a thumbnail.
If you want to build something like a gallery, see these tutorials: gallery 1 , gallery 2.
For the navigation you have some functions which you can call whenever you want to move the thumbnails, not only when an arrow is pressed and you also have the option to move the thumbnails when you move the mouse over the component. Controlling the component by a slider is not posible with this version but maybe i will add this option in a future version.
For a more specific answer, give me more details about your project.
February 9th, 2008 at 7:40 pm
Hi,
Your component seems great, but I miss something… Is there an easy way to add a feature to continuously loop the images (not to stop a the left or right end)?
February 9th, 2008 at 10:15 pm
Hi,
This version of the component does not support adding such a feature but it will probably be added to the next version…
March 4th, 2008 at 4:35 pm
Hi, i’m starting to use your component and it looks nice, but I have a question tho.. it is posible to use another kind of xml? I mean something like..
/thumbs/img1.jpg
…
/thumbs/img2.jpg
…
..etc
March 4th, 2008 at 4:44 pm
yes…you can use any name for the images or folder
March 4th, 2008 at 8:08 pm
the question was sent in a wrong way, maybe the comment box took of the “” or something, i wanted to mean that i need to use another kind of xml, not the one that you put each element in a row like “element source=”fileroute” thumbnail=”thumbnailroute” etc..”
I was wondering if I can use the type of xml that handles childrens, something like: (replace - with )
“-xmlFile-
-node-
-info-lorem ipsum… -/info-
-source- fileroute -/source-
-thumbnail- thumbnailroute -/thumbnail-
-/node-
-/xmlFile-
”
I hope my question is clear..
March 4th, 2008 at 8:46 pm
you have to keep the current format of the XML but you can add other attributes…
example :
<thumbnails><thumbnail path="images/image0.jpg" title="1st Image" info="info about 1st image"/>
<thumbnail path="images/image1.jpg" title="2nd Image" info="info about 2nd image"/>
...
...
</thumbnails>
March 4th, 2008 at 9:10 pm
ok, thanks for the response..
Another question.. is posible to interact with the alpha property of a specific thumbnail? I want to show all the thumbs at 0.3 alpha (for example) and when i pass the mouse over one only that would gain 1 alpha but the others would stay the same…
March 4th, 2008 at 9:42 pm
yes, you can do that
see this tutorial http://flashotaku.com/blog/roll-over-effect-for-the-thumbnailscroller/
March 6th, 2008 at 4:38 pm
hi again,
its posible to use a xml string instead of a file? I may be needing to pass that xml as a parameter to the flash app and won’t be posible to me to read that info from a file.
March 6th, 2008 at 5:09 pm
hi,
you can use only an XML file…other source types will be added in the next version
March 6th, 2008 at 6:14 pm
and how long will we have to wait for that version? :P
March 6th, 2008 at 7:00 pm
:D
you shouldn’t wait b/c i didn’t even start working on it…I’m currently busy with other projects
March 6th, 2008 at 7:07 pm
waaaaa :S.. I really need that the component can read the xml data from a string, otherwise I wont be able to use your component :(
If you want I can help you with that :D!
March 6th, 2008 at 7:18 pm
you could instead try to build your own thumbnail scroller … it’s not that hard and there are quite a few tutorials… here’s a video tutorial from http://www.gotoandlearn.com
March 12th, 2008 at 12:43 am
I, too, like this component. and I, too, would like to chime in that I’d appreciate another version that allows for endless scrolling (on mouseover) of the thumbnails.
thank you!
April 16th, 2008 at 5:40 pm
Just wanted to comment on how great all of your builds are! Superb, easy to use. Just what someone on the fly like me needs! Good job and keep up the good work! It really helps the community with good design/code implementations like yours!
April 16th, 2008 at 7:31 pm
Thank you Robstranaut. :)
I’m glad you find these components helpful.
May 29th, 2008 at 9:42 am
hi
first of all, thanks for the component, been looking exactly for something like that.
i have made a test and in the output i get the error message: syntax error: #initclip 1 and the same for #initclip2.
i cannot understand what i should do with that.
best regards
ron
May 29th, 2008 at 1:49 pm
Hi,
Strange error. What version of Flash are you using?
May 30th, 2008 at 7:14 am
hi
cs3
May 30th, 2008 at 11:49 am
If you want, you can send me the file at flashotaku [at] gmail [dot] com and I’ll check it.
July 16th, 2008 at 12:21 pm
Hi,
I’ve just downloaded this component and set it in the extension manager. But I’ve got a problem. I can’t see the new component in my flash component library.
I work on mac OSX with flash CS3.
I also noticed no component is added in the flash component folder on the hard drive ; only extensions are added.
Why ?
Thx for help
July 16th, 2008 at 1:22 pm
Hi,
After you download the files, you just need to double-click the MXP file to install the component.
July 16th, 2008 at 1:35 pm
That’s what I’ve done… that’s weird.
July 16th, 2008 at 2:01 pm
I don’t have a mac to test it myself but nobody reported this issue before.
This kind of problem could occur if you install, let’s say the AS3 version and then try to use it into an AS2 FLA, so make sure to create an AS3 FLA file if you want to use the AS3 version of the component.
August 17th, 2008 at 8:09 am
nice and easy to use for newbiews as myself!
is there a way to use movieclips (registered as classes) stored in the flash library rather than external images ?
if so, how can I specify the path in the xml file ?
August 18th, 2008 at 6:34 pm
No, you can only use external images.
August 26th, 2008 at 9:38 am
Hi, i’ve been tinkering with this component and thought if there’s a work around it to make it multi line and multi column?
cheers
August 26th, 2008 at 11:30 am
Hi,
Unfortunately, you can only have a single line/column.
March 11th, 2009 at 1:03 pm
[...] about the possibility of adding new elements to the XML file when working with the Slideshow or Thumbnail Scroller components. The answer is yes, you just need to parse the XML file again. Two weeks ago I made a [...]