How to make a Flash thumbnail scroller
Author: Bill Trikojus
This tutorial will demonstrate how to create a smooth thumbnail scroller in Flash that is controlled by the user's mouse movement. You can also download the finished thumbnail scroller source file.
Back
Share
Like this? Click a link below to share it...
Subscribe and Download
Comments
2008-08-14: TARUN KUMAR GHOSH said:This is a very good tutorials for the starter like me. Can you help me a bit by giving me the idea how can I finish this scroller by adding thumbnails and make loading the big images in the appropriate area by clicking the thumbnails as shown in your video example. It will also be a pleasure if you show me the way to load the pictures ( big images) from a xml file. It will help me a lot if you help me. Thanking you.
2008-08-14: Bill Trikojus said:This
Flash / XML gallery tutorial will show you how to do it
cheers
2008-09-11: shallim said:i need the text editor with color and size and flip optipn
2008-09-11: Tarun Ghosh said:Everybiody needs new new thing but where is the result.
2008-09-11: Bill Trikojus said:text editor?
2008-11-10: dani said:if the whole thing (mask, scroller & actionscript) is inside a movie clip it does'nt work.
What do I do about it?
2008-11-11: Bill Trikojus said:Try putting the code inside the mc
2008-11-16: dani said:no that's not it.
I used hitTest(_root._x, _root._y) and it worked
But anyway thank you for the scroller.
It's perfect!
2009-01-20: mauricio said:Great resources!
2009-02-07: Herbert said:I've lost hours searching, and this is the best and shorter code I found!
THANKS!
2009-02-07: Bill Trikojus said:you're welcome
2009-03-01: curtis said:Im trying to get the scrolling to happen on the y axis, vertical up+down.
i've changed the dimension to be vertical and the fla source code to _y instead of _x but nothing happens and the mc just sits there.
any tips to get it to work y axis?
heres the AS:
topEdge=mask_mc._y;
maskHeight=mask_mc._height;
sliderWidth=slider_mc._height;
ratio=maskHeight/(sliderHeight-maskHeight)
//trace(ratio)
targY=slider_mc._y;
slider_mc.onEnterFrame=function(){
this._y+=(targY-this._y)/5;
}
slider_mc.onMouseMove=function(){
if(mask_mc.hitTest(_ymouse,_xmouse,false)){
targY=topEdge-(mask_mc._ymouse/ratio)
updateAfterEvent();
}
}
2009-03-04: Bill Trikojus said:sliderWidth=slider_mc._height;
should be
sliderHeight=slider_mc._height;
2009-03-06: curtis said:works now, but kinda buggy. . . .
2009-03-06: Bill Trikojus said:seems you have also changed the order of the hitTest parameters - no need to do that.
2009-04-05: Bob said:I have the exact same problem as Dani - The scrollbar does not work, when It is placed inside a symbol-movieclip...
Any sugesstions how I get it to work?
There is something said about:
hitTest(_root._x, _root._y) - but I am not sure how it should be understood... can someone please explain?
2009-06-08: dee said:I've been trying to create a vertical slider like Curtis, but noticed that the bottom of the mask goes up thus making this size of the viewing area smaller and smaller. Is there something that can keep this size fixed? I've used the same code + the modifications Curtis had done with Bill's corrections.
Post a comment
Garbage posts and SPAM will be deleted.
