Flash Tutorial: Create a Simple Image Gallery! -HD-

[TheGoGo2009]

How to make this auto play ? , like dont need to click on each picture.

[RR335is]

Thank you for the video. Everything worked ok until I got to the part of adding a Motion Tween. I am using CS5 and got the error message "Convert selection to symbol for tween...The selected item cannot be tweened. You must convert this to a symbol in order to tween. Do you want to convert and create a tween". And, when I select OK, then I am unable to find the color in properties to convert it to Alpha "0". Maybe the interface is different in CS5...can you plz enlighten?

[UniversalDesigns212]

f*cking brilliant m8

[aliengek]

Thank you, I need someting like that. Now I make a phisics project, and I make it like one big gallery.

Again thanks.

[TheJeffGrandt]

Awesome video dude! Exactly what I was looking for! GREAT JOB!

[emilcelik111]

i get an Error: 1021:Dublicate function definition

Can any1 tell me what the problem is?

[aliengek]

@emilcelik111

May be u r don't change the function # in script, or all of your button definition are to the same frame:

btn_blue.addEventListener (MouseEvent.CLICK,>>>>> play1);

function>>>>> play1 (events:MouseEvent):void { gotoAndPlay>>>>> ("5"); }

btn_g.addEventListener (MouseEvent.CLICK, !!!play1);

function !!!play1 (events:MouseEvent):void { gotoAndPlay ("10???"); }

btn_y.addEventListener (MouseEvent.CLICK, play3);

function play3 (events:MouseEvent):void { gotoAndPlay ("10???"); }

bb

[moizkhan0]

pleas you send me4 the script of this bittons

[rafaelh1982]

I did everything exactly as in the tutorial, but I keep getting an error message that says "Line 5 The class or interface 'MouseEvent' could not be loaded"... it also appears in Line 15, Line 20 and Line 25...

Do you have idea what might be the problem?!

I'm using CS5 btw!

Thanks

[Zealvaa]

Hey i know this is an old video but can someone please show me there action code? thanks in advance! :)

[hendycholl]

Thanks mate, you are really save me doing my home task :D

[thElectroable]

Hey, this tut is great.

I have one question for you cause I'm newbie... I made flash vertical navigation and flash gallery from your tut for the website. Now, how can I make it open the gallery when I click on the ''gallery'' button in my flash navigation? And I don't want it to be one .swf file, I want two seperate because of order on the site, if you get me. Is there a way to open (when clicking on ''gallery button) some external .swf (flash gallery)?

Thanks anyone who can help me. Cheers!

[aliengek]

@thElectroable

It's simple. make the gallery Movie Clip, make the "gallery buttnot" button, add code like in a gallery at he Main Timeline. if u have any Quests - write me.

[thElectroable]

@aliengek hey, thanks, but I already made it all :-)

[nae3579]

Thanks awesome tutorial :)



[ForgotMyUserPassword]

Easy to follow, great tutorial

[labradoido]

Nice tutorial, do you have an updated version of this tutorial for CS5.5? I got a little confused using transitions action script...

[27dimasdimdom]

Please give me acon script on video because i need that action script, thanks before :)

[planetzuda]

@27dimasdimdom Flash isn't the language you want to use for an image gallery, at least not in this day and age. You could make an image gallery with CSS and HTML. Don't get us wrong, we like flash AIR for the IOS and Android. If you want to get really fancy use PHP, CSS, and HTML.

[lordcimek]

Thanks man.....

Guys you could say gotoAndStop(1); the 1 represent the frame number. you can do it that way too if you don't want to give a label name.

Thanks

[BLU3Fi5H]

Awesome tutorial! Thanks!

[kobbyswag1]

**Error** Screen=slide1, layer=actions, frame=1:Line 5: Syntax error. Function play1(event:MouseEvent):Void {

what could be the problem?? MouseEvent doesn't turn blue like it does in the vid..

[1ne2]

Great vid. Can you lock images if so can you show me?

Thanks

[MrCoding12345]

how to create a loop within the images

[blacky2233]

Wow thanks alot :D i rlly needed this tutorial !! keep it up bro

[mandyshea79]

nicely done! so simple & yet exactly what i was looking for! thank you

[alastaircarey1]

Hey - ive done everything in the tutorial and the gallery works perfect - its great. However how do i get the main images and the button imgaes to transfer into dreamweaver. I have tried publishing them but the flash file when i put it into dreamweaver is only the main inage-what am I doing wrong and can you help?? Cheers!!!!!

[joycepadro]

1071 syntax error! w problem? stop () btnl1.addEventListener (MouseEvent.CLICK, play1); Function play1 (event:MouseEvent) :Void{ gotoAndStop ("ca1"); } btnl2.addEventListener(MouseEv­ent.CLICK,play2); Function play2 (event:MouseEvent) :Void{ gotoAndStop ("ca1"); } btnl3.addEventListener(MouseEv­ent.CLICK,play4); Function play4 (event:MouseEvent) :Void{ gotoAndStop ("ca1"); } btnl4.addEventListener (MouseEvent.CLICK,play5); Function play5 (event:MouseEvent) :Void{ gotoAndStop ("ca1"); }

[8D8C]

nice tutorial :)

[rafikaPM]

thank you for the tutorial, very helpful

[stanleycarl]

what is the size of your canvas? thanks

[joeneri03]

how do you put your thumbnails inside a scrollbar? ? ?

P.S.

high concern

[jofinkjose]

thanks

[penguininatux]

You are very succinct yet thorough in your tutorials. I'm creating my first website and thus taking a self-crash course on Dreamweaver, Fireworks, and Flash to make it professional and these tutorials are saving me time and money by allowing me to avoid paying for web design classes. Thank you very much.

Subscribed.

[BrubisMarie]

I used the AS3 but it also didn't work

[daeheadshot]

Ahh very nice, i am going to do this on my website soon.

[pr1nc3ssc0c0]

is it really impossible to view SWFs in apple devices? :( is there anyway i could use em :/ they look so pretty.. thanks btw :3

[daeheadshot]

@pr1nc3ssc0c0 convert it to HTML5 (google it)

[LittlePoet129]

my 'MouseEvent' is not working!!

[8jika]

thanks dude I am really thankful for u tutorial just for this I made a 100 in my web class!!!!1

:D Gracias Amigo...

[amritvirk23]

very simple but gr8 tutorial..thanks... :)

[Fazaaaaaaaaaaaaaaaa]

GooD job guy!!! this better then over teach videos!!

[Tongueflash]

Hello! I am newbie, I love this tutorial but I want to know if i use youtube videos upload to that slideshow automacilly? if so, how?

[prince1989101]

very helpful and simple tut. thanks ^_^

[marrongideon]

you are so shit mother fucka...... are you teaching us or are gonna make us crazy??? bullshit your tutorial is very ugly you know no life

[johnyixuen]

when I click on the last image( the thumbnail), I was unable to go to any other image before it. can anyone Help? It's kinda Urgent....

[vincentmoya]

Hi and thanks for the tutorial. I'm working on a personal website and this really helped a lot. I just wanted to ask if you know how I might be able to add some descriptive text to each image? Sorry, I'm a total newbie. Hope to hear from you soon! Thanks!

[RiverCityGraphix]

@vincentmoya You can position it on each frame just like you do the larger images.

[Samewelala]

Thanks...this Video is really helpful. I did exactly what is shown in this video but i did not get the same result. I do not know how to deal with it. Can you help?

[alessiocerci]

Thank a lots !

[MrAdixion]

it wont let me add the stop action or any action to the movie clip inside on the ending motion 15 so it keeps blinking any clue??

[israelichicka]

shitty tutorial... i was almost done with the actions but there were too many errors.. i did everything exactly the same as in the tutorial...

[RiverCityGraphix]

@israelichicka Then you did it wrong. Did you use AS3?

[enlil06]

@RiverCityGraphix

I for one, know I did not do it wrong and it still fails. I get the following error:

Scene=Scene 1, layer=actions, frame=1, Line 5 The class or interface 'MouseEvent' could not be loaded.

How do you resolve this?

[oleelu]

I find the instructions are super clear. xtremely easy to follow

[oleelu]

I found the instructions super clear. :)

[fhll19]

Awesome tut man; it was first my time using my flash and I accomplished it; no sweat.

[chrisline90]

Excellent tutorial. Thank you very much. Looking forward to trying the rest and future posts.

[asubakumar]

Please post the AS2 code for this tutorial..I don't have AS3 and when I work with AS2 code I can't get the proper output..

[RiverCityGraphix]

@asubakumar I have the AS2 code available on my website for this tutorial.

[KangeIsrael]

Hey RiverCity, I Followed your videos every step but at the end when trying to play the Movie or Test Movie, the Error Compiler Tab comes up and gives me this "**Error**Scene=Scene1, layer=actions, frame=1, line 4: '(' expected function play1,event;MouseEvent:void {" - I Dont know what this means, i need help please

[RiverCityGraphix]

@KangeIsrael You probably have a small error somewhere in your code. You can copy and paste the exact code from my website to see if that solves the problem.

[KangeIsrael]

@RiverCityGraphix I Did go to the website and didnt seem to see what you directed me to look for, is there a way for you to post me the link on here so i can click and be directed there ? Thank You so Much Sir (Ma'am in case im wrong). Thanks again for your time.

[TrojanSpike1]

Great tut,, Gota do this .. Seems easy enough for a new-be getting into flash

[chat123123123]

amazing video , i just want to ask you after making this slide show, how one can upload this on their website ? :( please explain

[blubai]

Who needs to go to class when you've got Youtube.

[shulee54]

thanks for this tutorial, i am a novice and this was helpful

[dwblake123]

thank you very much

[incognito710]

then move the red line on the last frame before the dot (frame 14 if you have a total of 15), click on the image and then again in Properties, choose 100% under Alpha. Then go to the last frame (with the dot), go to code snippets, choose whatever action from there (in order to be entered the actions window) and when entered, delete all the selected code previously entered so that the window remains empty and write stop() . That's how i solved the problem :), so thumb's up if it helps !

[incognito710]

For all those encountering the message "The selected item cannot be tweened. You must convert this to a symbol in order to tween.", you must click OK, then right click in the middle -> Create motion tween (you won't be shown an arrow like in the video but it will work), then move the red line on the 1st frame, click on the picture and in the properties menu, choose Alpha in the Color Effect section and 0%,[continued in following comment]

[farsder]

thank you this was very helpful...straight forward and easy to follow

[shimmmer93]

if you have several image galleries in the one flash file can you change the button names? when i tried this it doesn't work. thankyou!

[RiverCityGraphix]

@shimmmer93 Take a look at my tutorial on using Flash files in other Flash files. I think that would help you.

[shimmmer93]

@RiverCityGraphix Thankyou for your suggestion. It works for 2 image galleries but when I ad the 3rd it says "One or more library items already exists in the document" and i have the option to replace the items or not to. Your help would be greatly appreciated!!!!!

[felixtotuga]

I have about 20 pictures to add to my gallery can you tell me what or how to do it please.

Thank you!

[IAMJWORLDTV]

what If you have more than 4 pictures for your slideshow do you have resize all of them?

[ryosakazu]

THANK YOU!!!!

[Pvsmuntje]

My frames just keep on repeating, the stop() command on the first frame on the action layer does not fix the problem. Do you have any ideas?

[ThePedroppz]

@Pvsmuntje That happened to me too ,did you got it fixed ?

[Pvsmuntje]

@ThePedroppz No, sorry.

[sokitsa]

that was really helpfull, thanks alot :) 1120 broke my balls tho >.<

[dhexterpar16]

how can i link each picture when i embed the swf file in web using dreamveaver.....thanks

[RiverCityGraphix]

@dhexterpar16 I have a tutorial on how to link buttons to an external url. That should show you what you need.

[IcoVir]

how do you create a scroll for the thumbnails?

[lucho082]

somebody knows if It works for action script 2?

[RiverCityGraphix]

@lucho082 Yes it will, but only if you use the AS2 code. I have it available on my website.

[Tomatolifant]

Indeed! @ Korayersoy, i freaking hate it!! I don't even get this one to work.

[vineshuk]

thnks heaps!!

[korayersoy]

Landing on moon would be some easier....adobe flash really sucks

[chammieloves17]

man, this is awesome... ^^ u're great.. im just a beginner... hope this will lead me to something very very good ^^

[zuron88]

dude you talk very fast you can not teach anyone like now ...and you just work out not teaching poeple wtf

[harryjpepper]

Hey, can you put this in a webpage in dreamweaver? is it hard? cheers

[RiverCityGraphix]

@harryjpepper Yes, and no it is not hard. I have a tutorial showing how to put flash files into Dreamweaver websites. Its called "Use Flash in Your Website."

[shimmmer93]

thanks for this great and helpful video!

[Superduperfilm]

The class or interface 'MouseEvent' could not be loaded.

stop();

btn1.addEventListener(MouseEve­nt.CLICK,play1);

function play1(Event:MouseEvent):Void{ gotoAndPlay("1");

}

What is wrong?

[zorro30mum]

@Superduperfilm

gotoAndPlay("1"); ??? try changing it to gotoAndPlay(1); without quotes "1". .. i mean just remove the quotes ..n lemme know if it worked..

[qhiena]

@der69JonaZ Yupp... u can use F9 and automatically actions frame will appear ;)

[ultradude100]

Thanks man, I was having a lot of troubles with flash.

[AndSoBye]

@AndSoBye "Scene 1, Layer 'actions', Frame 1, Line 3 1087: Syntax error: extra characters found after end of program."

IDK what's going on :/

[jebjeb201]

hey thanks a lot dude. Liked and subscribed

[NikuNekoDoki]

wa you web page cant be found and i cant copy the html code man

[qhiena]

Now, i'am finishing thiss... thx lot 4 ur tutorial :)

[1zorrr]

very nice tutorial , thanks man! :)

[SwedishKungfuPanda]

thank you! you are awesome! i will subscribe instantly! =)

[qhiena]

@RiverCityGraphix i wanna ask you... THERE ISN'T WINDOW "ACTIONS-FRAME" LIKE YOU... HOW TO DISPLAY ACTIONS FRAME WINDOW??? I HAVE USED INSERT MENU, BUT NOTHING THERE...

[qhiena]

i wanna ask you... THERE ISN'T WINDOW "ACTIONS-FRAME" LIKE YOU... HOW TO DISPLAY ACTIONS FRAME WINDOW??? I HAVE USED INSERT MENU, BUT NOTHING THERE...

[der69JonaZ]

@qhiena I have the same question, have u figured it out yet?

[MrX5tech]

Btw in flash cs4 u must create classic tween not motion one :D (got really mad bcs in motion i couldnt write the code D:)

[thaibangkok]

stop()

btn1.onPress = function() {

gotoAndStop(1);

};

btn2.onPress = function() {

gotoAndStop(2);

};

// maybe easier !!!

[NikuNekoDoki]

thank you so much !!

[billmats7]

yeah but what if want the pictures to come as externals and not put direct in the fla. I cant find a simple tutorial to do a picture gallery with external URL!!!

[vvovvitslarry]

This is great, but... how do you make the slideshow autoplay along with being selectable with buttons?

[HelpfulDonut]

hey, he did in this tutorial exactly perfect and it works. so if you have an error, check things twice.

[pinkpinkesh]

TypeError: Error #1009: Cannot access a property or method of a null object reference. at maanmomcodingtestmovie_fla::Ma­inTimeline/maanmomcodingtestmo­vie_fla::frame1()

kindly suggest me how to solve the up error

[pinkpinkesh]

Also once tht if i save my file n then i try for Control Test Movie it throws an error to me dispalying file doesnt hve enough memory...

wotz & where the problem is can u define it....

thanking you

[pinkpinkesh]

Thks Sir,

i tried following ur Tutorial but i found this as error

1119: Access of possibly undefined property Click through a reference with static type Class.

kindly suggest me where did i went wrong

also to let u know i hve used 32 pics

n all my images / movie are dispalying very speedy

within a sec or 2 all my pics r getting flashing on test movie

how to make it go slow

n also since i hve 32 pics wot size shud i resize it like tht 1 in ur tutorial u hve mentioned 114*85...

thking you

[4muLAkonnekt]

subbed....don't know why I didn't think of using event listeners for a gallery....had a duhh moment

[leonerasmo1]

grasias amigo buen trabajo

[GTbyPlaystation]

Whenever I create the motion tween, it says: "The selected item cannot be tweened. You must convert this symbol to an object in order to tween."

I can't override it, and when I convert it to an object, it doesn't work.

What do I do?

[look4sunday]

You are really good. ! Ilike that.

[CarolSanem]

hi, its really god but i have a question because i made everything step by step and it doesnt works, i made it it cs3 actionscript 2.0, ot says: The class or interface 'MouseEvent' could not be loaded. whats is hapenning? thank you so much!

[look4sunday]

@CarolSanem

[MAVII06]

Very nice tutorial,thx for sharing:)

[yenohahs0511]

PLease tell me how to upload files on the library?

Thank you!

[RiverCityGraphix]

@yenohahs0511 File > Import >Import to Library

[music4life1421]

how do you make an automatic slideshow?

[alex900600]

next time show it from the beginning. It's like you dont want people to know what you are doing. You didn't show how you set up the document property, the background,...Remember you are not doing it for yourself but for other people otherwise it's not a tutorial

[writerr1986]

i followed all instruction that you showed us. But second part i mean create an animation i keep see some dialog box that you have to convert your images to symbol but i already did that thing why i keep see that?

[littlebluestem]

Thank you so much! I was able to make a portfolio gallery following your video. I'll keep my eye out for new tutorials.

[soriasrecords]

Can you do a tutorial on how to add more images with a horizontal scrolling bar for extra images? and also how can this flash can be add on a website ..?

[gwc0]

1120: Access of undefined property btn7.btn7.addEventListener(Mou­seEvent.CLICK,play7);

whats that mean???

[MyGleeky]

THANK YOU SO MUCH! This really helped with my multimedia project.

I was just wondering, I want the images to fade in and out in a loop (in order) while still being able to click on the buttons and have the movieclip pop up. Do I need to add any extra code for that?

[cdolphin09]

I have to say, I was pleasantly surprised. I have watched a few of tutvids and yours is quicker, easier, and less complicated with a lot of extra unneeded steps. You also have a website to check the codes against... in AS 2.0 AND 3.0! You are a lifesaver :D Keep em coming!

[under100011011]

cute :)

[doracheungemon]

I am using AS2.0, and there's an error or The class or interface 'MouseEvent' could not be loaded, and what should i do?

[Mern04]

SUPERB MAN!!! :)

[sale666]

thank you very much but i have around 200 photos i got to use as i am creating a website for buisness and i cannot make that much space how could i add a scroll bar next to this so it just scrolls between or how could i add simply images lets say 100x100 thumbs and on click it fades the screen as iv seen on some sites and shows you an little x on top right to close i could do that in html for the site! Please help me :)

[K8y91]

Could you create (or link to if you already have) a tutorial on this type of gallery but with a scrolling box or feature for the thumbnails? If you have a lot of images it'd be useful, I've scoured google tons of times but never actually found one. Thanks, great tutorial! :)

[jhazzzy15]

ur vids were interesting i guess i'll be watching ur vids every now and then to help us for our coming defense..tnx

[00friday]

great tutorials

[imverysweet1]

your tutorials are good very clear voice .... i want to ask if have images like more than 20 images which gallery should i chose from your tutorials ? plz help ...

[1208zac]

Thanks!!!

[shmaveyea]

9:04 does anyone else have the problem of flash needing to create a new symbol here, thus making the transition not possible ??

[shmaveyea]

@shmaveyea ok just need a classic tween... cs5 prof... works great thanks! except the last image fades in then switches to the second last image..

[shmaveyea]

@shmaveyea figured out that one too, sorry! by the way, anyone know a good tutorial for a gallery like this but with a scrollable button selection for more photos??

[webinfo81]

Awesome...Thanks dude

[bob7789ful]

Thanks

[GenerationDNBDUBSTEP]

cheers

[babylonkid]

After a few tries I got it to work properly. Thanks for the tut.

[coachmold]

super helpful! Now to integrate a scrolling thumbnail gallery with it and I'll have it figured out. Thanks.

[v0ldemort1]

AWESOME! LOVE U!

[oscarpxndx]

put the code here please i didnt see the caracter next to void

[RiverCityGraphix]

@oscarpxndx It's on my website.

[frankateable]

Yeahh, banging tutorial, had a change a few things for cs5 though..

BIG thanks though dude!