Skip navigation
JunoStyles
Currently Being Moderated

Does anybody know how I would create this photo slider?

Sep 14, 2012 12:25 PM

Are there any tutorials on how to create this effect with the photos: http://www.holidayinn.com/hotels/us/en/global/reservations/beach_vacat ions

 

I'm a bit green on AS3 but do know how to create basic functions, event listeners, etc.

 

Any help/advice would be great.

 
Replies
  • Currently Being Moderated
    Sep 14, 2012 12:38 PM   in reply to JunoStyles

    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.

     
    |
    Mark as:
  • Currently Being Moderated
    Sep 14, 2012 1:08 PM   in reply to JunoStyles

    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.

     
    |
    Mark as:
  • Currently Being Moderated
    Sep 14, 2012 1:49 PM   in reply to JunoStyles

    Cool... you're welcome.  You'll find alot of designs can turn out that way when you just think about 'em a bit.

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points