• Categories

  • Pages

  • Tags

  • Archives

  • Meta

  • Photo Gallery and Thumbnails: Flash Tutorial!

    Posted by admin on December 8th, 2009 and filed under photo gallery | 25 Comments »

    Check this video out at Hi-Res here: http://www.tutvid.com/tutorials/flash/tutorials/photoGallery.php

    We will make a nice little photo gallery in Flash in the following tutorial. All you need are a few images and a few thumbnails for them, the rest is just follow along and it works with any images!

    Duration : 0:26:9


    [youtube cylX1lThTN0]

    25 Responses

    1. csteocomp Says:

      Hi..went thru this …
      Hi..went thru this great video..does anyone know how to 1. Slow down the scroll and 2. How to stop the automatic play of scrolling and be abel to click and activate the scroll…NEED HELP thx! : )

    2. sarahwhitney1169 Says:

      When it gets to 22: …
      When it gets to 22:28 adding action script to the thumbs . . . I click a button on the stage (MasterClipMC) I press F9 and my action script prompter comes up and says “Current selection cannot have actions applied to it.” What am I doing wrong?I am using CS4 and had to go in one by one to create each state for my buttons . . . did that mess things up? HELP

    3. frozen0tundra Says:

      i have the same …
      i have the same problem! I tried it in AS2 and AS3, too….argh

    4. quicksilverusu Says:

      all those using …
      all those using flash cs4 use this code for the button rollover:
      import flash.events.MouseEvent;
      thumb1.addEventListener(MouseEvent.MOUSE_OVER, manageMouseOver1);
      thumb1.addEventListener(MouseEvent.MOUSE_OUT ,manageMouseOut1);
      function manageMouseOver1(e:MouseEvent) :void{
      thumb1.alpha=1;
      }
      function manageMouseOut1(e:MouseEvent): void{
      thumb1.alpha=0.5;
      }

    5. jmtzhouston Says:

      when i try placing …
      when i try placing action script on mu thumbAS layer
      it says
      extra characters found at the end of the programm HELP?when i delete the curly brackets though it says fnot specified :/

    6. jmtzhouston Says:

      really good :]
      really good :]

    7. vintageozarks Says:

      About three months …
      About three months ago life circustances forced me to learn CSS/HTML code so I can design and create our website from scratch.

      I credit you and about 10 other css teachers for making it possible for me, a 62-yr grandma, to experience the beauty of creating with css within my lifetime. Thank you.

    8. DagmarNicole Says:

      I love Your …
      I love Your tutorials. Thank You.

    9. jdawgt808 Says:

      I designed this …
      I designed this gallery and it looks great only my images are top left of the page, I followed the centre instructions to the letter. Im not sure where I went wrong, how do I centre it to the stage.
      Thanks

    10. dhead00 Says:

      Awesome. Thanks a …
      Awesome. Thanks a lot :D Really nice Tutorial 5 stars

    11. larryexplodeterra Says:

      good tutorial
      good tutorial

    12. wrdeboise Says:

      Can I import other …
      Can I import other transitions and use them, for instance, if I want something to slide in or bounce in from the top or side? Also, can I create a loader class to load my thumbs from an xml file? This would indeed make changing and updating the file very easy.

    13. ozxyeuwh Says:

      Great tutorial!

      Great tutorial!
      Question: If my gallery has a lot of pictures, the thumbnails will exceed the stage width. Any suggestions for a solution?

    14. widespreadfanic Says:

      AWESOME! I …
      AWESOME! I followed this tutorial last night and it worked PERFECTLY! Thank you so much. Your tutorials are structured very well and I appreciate the quality of your instruction. I can’t wait to view more.

    15. janecathryn Says:

      Anybody able to …
      Anybody able to help with the AS3 in CS4? I am having trouble getting the last part where you add actions script to the buttons. Thanks

    16. genuinepearl2008 Says:

      thanks a lot :) did …
      thanks a lot :) did it but it wasn’t as neat as urs !! but got the basics!!

      Great Job.. thanks again :D

    17. jiminymacca Says:

      Good stuff. I find …
      Good stuff. I find it funny though every time you say moooooooovieclip.

    18. sabistar44 Says:

      Absolutely love …
      Absolutely love your tutorials, so easy to follow. Any chance you could do a similar gallery but with AS3?

      Thank you, keep up the good work.

    19. ynn9mvs Says:

      Man, that was …
      Man, that was easily the best flash tutorial i’ve seen so far! keep it up!

    20. myrules1010 Says:

      Great tutorial. …
      Great tutorial. Just what I needed to help me get started on a project. Thanks.

    21. pjb84 Says:

      I got everything to …
      I got everything to work except for at the end. I cannot get the thumbnails to bring up the images they are supposed to point to.

      I do a preview and all I see is img1 and all the thumbnails…clicking either of the thumbnails changes nothing…img1 just stays there…any ideas?? Anybody? Im using AS 2.0 Thanks!!!

    22. trevor6873 Says:

      Fantastic… Good …
      Fantastic… Good video and audio. Well done dude!

    23. kd2sik Says:

      and again…. …
      and again….another EXCELLENT video

    24. zerographica Says:

      There’s a couple of …
      There’s a couple of ways to do it. One way is to have those pictures as individual frames and under each keyframe, have the arrows navigate between the previous keyframes. A little lengthy if you have such a huge selection of images, but it’ll still get the job done none the less.

    25. shanganaghpixie Says:

      To IIss882: I had …
      To IIss882: I had the same problem, I redid the tut in action script 2.0 and always saved as flash player 8. It worked!
      TutVid is the best!!!!!

    Leave a Comment

    Please note: Comment moderation is enabled and may delay your comment. There is no need to resubmit your comment.