Copy link to clipboard
Copied
Are there any tutorials on how to create this effect with the photos: http://www.holidayinn.com/hotels/us/en/global/reservations/beach_vacations
I'm a bit green on AS3 but do know how to create basic functions, event listeners, etc.
Any help/advice would be great.
Copy link to clipboard
Copied
You might be able to find a tutorial for a slideshow that has the same basic principles, though you are not likely to find one that exactly matches what you show as an example.
That particular design doesn't rely too heavily on Actionscript for the way it works. It basically lines up all of the images inside an object (MovieClip/Sprite) and tweens the x property of that movieclip an image's width for each successive image. If you pick an image a distance away from the current one, then it tweens that many images times an image's width to get to the image selected.
The thumbs at the bottom just have a small rectangle inthe background that moves relative to whichever image is currently showing.
Copy link to clipboard
Copied
Thanks Ned - that makes sense and actually since you put it that way I could do that part on my own without a tutorial, but I think the thing that throws me off is how the green box at the bottom knows how/where to move (up and down) depending on what's being clicked. How would that part work?
Copy link to clipboard
Copied
There are probably a couple of ways one could attack the green box. You could use the thumbnails' x/y properties to dictate where the green box is heading since they need to have ties to the main images... if image 3 is about to show, then you move the main movieclip to show image 3 while you move the green box to thumbnail 3's location.
Copy link to clipboard
Copied
Thanks Ned....talking through it with you, I ended up figuring it out in about 15 minutes lol...no tutorial needed.
Copy link to clipboard
Copied
Cool... you're welcome. You'll find alot of designs can turn out that way when you just think about 'em a bit.