• Categories

  • Pages

  • Tags

  • Archives

  • Meta

  • Scrolling Thumbnails Photo Gallery AS 2.0: Flash Tutorial!

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

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

    In this tutorial we will build off of the the scrolling thumbnails video and take it to the next level by building a fully functional gallery with a bonus randomizer button. Learn about using variables and rounding numbers and navigating time lines within a flash movie with actionscript. Have fun with this one! Please check out the site http://www.tutvid.com

    Duration : 0:23:56


    [youtube i1EJpc68EIs]

    25 Responses

    1. branost Says:

      data from XML is …
      data from XML is better…thumbs and full images…

    2. ryktorres Says:

      Thanks for this …
      Thanks for this great tutorial. This is exactily what I was looking for.
      Now I have and issue loading them up in Dreamweaver. Can you give me a short instruction on that? thanks!!!

    3. KWM47 Says:

      Greetings:
      I am …

      Greetings:
      I am having the same problem you had. Did you get an answer as to what to do

    4. kurtisgarrison Says:

      thanks for showing …
      thanks for showing how to set this up! however, like some of the other responses I’m having trouble linking them up. I’m trying to use the thumbnails to load .swf movie files into an empty movie clip on the main timeline. It’s not working! The buttons are burried inside a couple of other movie clips so I’m using to _root. to target the main timeline but it’s not working. Do you have another tutorial that actually shows how to USE the thumbnails to open photos, videos or whatever? thanks!!

    5. Jantcliff Says:

      nope it was me, i …
      nope it was me, i forgot to put an “o” on the end of photo :) well done joe, you always was good at spelling

    6. jamsand3 Says:

      This may be asking …
      This may be asking a bit much but is there anyway to make the flash file auto update? I want to use this as my gallery for by portfolio but don’t want to recreate the flash file every time I have something new to add:)

    7. Jantcliff Says:

      i am having a …
      i am having a problem with clicking the thumbnails. the images dont pop up above, could anyone help?

    8. 360lolz Says:

      For god sake! get …
      For god sake! get to the point! you are soooo slow!

    9. Jok3rDicE Says:

      what a annoying …
      what a annoying voice you have, i just cant litsen to this guy

    10. yung23567 Says:

      this should be …
      this should be linked to the other scrolling tut.

    11. gavna77 Says:

      would this work …
      would this work with videos from a thumbnail?…thanks

    12. TRSdowntownskter Says:

      i can not get the …
      i can not get the images to appear when i click the thumbnails, i over looked everything so many times and everything is perfect. what could be the reason for this? and i made this in a already made document cause im making a layout but that shouldnt effect it. help!

    13. danigottlieb Says:

      why is this not …
      why is this not doing the random part?

      random_btn.onRelease = function (){
      var picNum:Number;
      picNum = Math.ceil(Math.random()*10);
      _photos.gotoAndStop (”img”+picNum);

      }

    14. lightleakmedia Says:

      This seems to be …
      This seems to be working in the ImageBarInside movie clip, but I cannot get the AS 3.0 working in the actions layer of Scene 1. Please help, I am losing my mind!!!!

    15. Dinzy Says:

      I’m having the same …
      I’m having the same problem it would really help if you guys could explain how you sorted this problem?

      it’s driving me crazy i’ve done the tutorial 3 times now and i just can’t get the pics to pop up when the thumbnail is pressed…

    16. nessquik95 Says:

      theres another …
      theres another video on it… check out his website

    17. MexicoABoomersGuide Says:

      How would one make …
      How would one make the gallery start with a photo already showing

    18. mall0602 Says:

      I think this is a …
      I think this is a great video but I was wonder how do you make the image become a clickable image like go to a website or video after the image shows up???

    19. 101GATMAN Says:

      i dont already have …
      i dont already have the scorlling thumbnails i got flash cs3 were can i learn how to make the thumbnails?

    20. morgane2 Says:

      this is the as3 …
      this is the as3 code for this tut

      var frameNum:Number;

      function photoChange():void
      {
      MovieClip(root).photos.gotoAndStop(”img”+frameNum);
      }

      btn1.addEventListener(MouseEvent.MOUSE_UP, function(){frameNum=1;photoChange()});
      btn2.addEventListener(MouseEvent.MOUSE_UP, function(){frameNum=2;photoChange()});
      btn3.addEventListener(MouseEvent.MOUSE_UP, function(){frameNum=3;photoChange()});

    21. SwordSkill2 Says:

      Is it any way to …
      Is it any way to name a variable according the value of another variable?
      For example, I wanna name a variable “numberslot” and another named “slot:nnumslot” so that if numslot would be “5″ then the name of the “slot” would be “slot:5″

    22. MrDecember55 Says:

      you’re so generous. …
      you’re so generous. God bless you

    23. ThePerezmilton Says:

      when i click my …
      when i click my image doesnt display why i can’t figure this out :( i spend i swear a whole freaken day i would loose my marbles if it was a small mistake?

    24. obeeah Says:

      Hi, thanks for the …
      Hi, thanks for the tutorial, but am having difficulties applying images so they open when the thumbnail’s clicked on, I don’t know what to do

    25. stromgolz Says:

      Hi, I have the same …
      Hi, I have the same problem I made the tutorial 3 times and when I click on thumbs the big pictures is not coming out :| could you help me plz?

    Leave a Comment

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