Hey,
i'm wanting to make a sliding menu for use with a jewelry site. I have the concept in mind, but need some help with scripting.
Havent begun building yet, but lemme lay it out:
The nav for, say, the diamond section will load in a submovie which will be the nav for that section... consisting of a masked rectangle with several thumbnails of certain jewelery items. Each jewelry item, when click, will load a larger image into an upper portion of the main movie.. I can handle the clicking to load an image.. What i need help with is making the sub-navigation scroll. I dont want to use a scollpane. I would like to have X-amount of items visible, which will be handled by a mask. I would like left/right arrows at both sides, which, when pressed, will make the list of items scroll left or right. I also need to set limits, so that when the list goes so far, the scroll button on that side disables, and the scrolling stops..
I knwo this is a relatively simple concept, but i'm having a brainfart.... How do i script for fluid motion with no preset destination x,y coordinate? Also, if i know the dimensions of the scrolling movieclip, how ca i set limits?
'cept, i'd have more than one image viewable at a time. When one image is clicked, there'll be an empty MC to load a larger picture and info.. If i can understand the basics of how to script the motion, i think i can adapt it. I dont want to have a continuous loop of the images, though.. There needs to be a definite starting and stopping point.
another thing, all my thumbnails will be the same size, so dont worry about the masking effect on that example, i'm just interested in the motion and the limit settings..
Think the bottom thumb scroller is very close (coding wise - even has easing - stops on both ends) to what you're looking for. It's scrolling pictures for now but my guess is you could scroll whatever you wanted...
thanks to both of you
i can work with these.
groovepants, your example is excellent. All i need to change is where the full sized image appears, and make the thumbnail stay visible after it is clicked.
I think the thumbnail is disapearing after you click on it because there is no MC called imageholder. Once you place that on the stage it should stay.
The code is quite straight forward, I aint that technical yet so you should have no problems with it but if you want to know anything just let us know.
Thanks for the fla (dynamic_thumbnails.fla), it proved to be useful for me
Now, I've been trying to implement a fading effect into it, without much sucess.
My code looks like this,
Code:
// clicks the thumbnail to display the complete image
on (release){
_root.image_holder._alpha = 0;
loadMovie ("images/suki" + n + ".jpg", _root.image_holder)
fadeImg()
}