You are going to have to use Actionscript 2.0 for this tutorial to work. Switching your document is pretty easy. Look in your Properties panel and select the "Publish Settings" button. Select the "Flash" tab in the dialog box and change the "Actionscript Version" to 2.0 in the drop down menu. You can also start with a Flash actionscript 2.0 document by choosing that in the new file window.
Awesome tutorial once again tutvid. For those of you having problems with the code, it didn't work for me either at first, but as it turns out this code is for actionscript 2, and not 3. ( mine was AS3 ) All is not lost. I just opened a new file, made it AS2, and imported the library from the original. I palced everything where it was exactly as I had before, and it worked like a charm. Also, if like me, your image bar is vertical, simply change "xmouse" to "ymouse". Works great :)
Just stopping by to tell you it's a great tutorial, that can even help a programmer understand the world of flash. Without it I didn't know where to begin. Keep up the great work.
Seriously? Tutvid guy took the time to help people learn flash. I took the time to say thanks for that. And you took the time to ridicule me for that. Way to go!
Well the two ways I know are: switch to a Directors or a Gurus account, that does it! I am pretty sure the others(Musicians, Comedians etc..) probably allow more than 10 mins. as well, I have only ever used Guru and Director though.
Thanks a lot!! I had never worked with Flash before but when a followed the whole tut step by step, I managed to get the result I wanted! By the way, first I started a 3.0 file document in CS3. That didn't work out... At the point when the AS started, it didn't work and some weird errors came up. Had to start all over with a 2.0 document because it's only working in a Flashfile Actionscript 2.0. But now I'm totally happy with it, thanks again!
great tutorial! thanks a lot! :) for those wondering why their attempts don't work: try changing the Publish Settings to use ActionScript 2.0 instead of 3.0 (can be found under the Flash tab)
One of the best flash tutorials i've seen on youtube. Great explanation of all the different facets of the flash movie! It even had a healthy dose of humour init :) Now its time for me to try it out myself ^^ I'll sure check out more vids of you! Kind regards!
you do NOT have to copy the second else in the action script, because that's why the prevFrame function messes up. if you just skip the second else it will continue to run fine and you don't need an extra prevFrame in your code anyway... nice tut, thnx so much, i've learned a lot
I've been using this code to create an thumbnail slider using ActionScript3. I translated the code used here into ActionScript3 and the slider works just fine. The only problem I'm having now is that I want to make the thumbnails display an image when they are clicked. The buttons do work but only the images to the right of the first button, and only while the first button is completely within the viewing window. Does anyone know why this is?
Hey mate. Awesome vids! You're my hero. Thanks for doing these. I decided only 2 days ago that I'd give flash design a shot and thanks to you I'm definitely on my way. I think you'd be proud. Cheers dude! Lee
Took me a while but I was able to do it. I was actually using AS 3.0 so i had to change the publishing to AS 2.0. I did see a really cool effect where the thumb nails would float once the mouse was over it. If you can show us all how to do that I would appreciate it. Thanks again for this tutorial.
Thanks for the great tutorial. The one problem I had was with the motion tween not working. I'm using Adobe Flash CS5 and it would only scroll when I used "classic tween". Not sure if anyone else had this issue but other than that everything worked great, thanks!
Thank you so much - you're a wonderful teacher! I'm trying to make a simpler thumnail slideshow display. I don't want the duo direction play. I don't know yet how to pause and play my "keyframed" thums with mouse-rollovers. I only want a slide of thums, that can be paused via a mouseover, and play continues when mouseoff. I've been able to successfully link each thum to a corresponding page. I've also successfully executed your rollover "highlight" effect, very nice thank you!!
This is a great video- Some things are diffrent in SWiSH, but the code and ideas were a big, BIG help. THANK YOU for taking the time to do this, I will definatly be checking out your web site
i made exactly like you show and its work perfect as you say and show . The mean time i have put litter bit of modification on it . I put 1 Sound include on it switch off&on . and i twice the bar but not in the same position ofcourse. its amazing . thx bro you are great .
yup, the image can go inside, you can set the opacity of the iamge that loads. You can also design the screen anyway you like as long as it has a place for the display of the images.
once you import it into dreamweaver and it shows up as a flash file in design mode right click the flash logo and select "source file" then browse to your swf and make sure it is set as source. make sure the swf is in your root folder for your site. when you save it and preview in browser dreamweaver should automatically ask you to copy the supporting java script file to your root directory too. hope this helps you out.
THANK U VERY MUTCH, this is the only video i found teaching this.....i had a few problems with mine (i dont use flash professional 8) BUT IS WORKING , thanks men!!!
You explained that well! But consider this: if (x > 300) { myVar = true; } if (x >= 300) { myVar = false; } ... could be replaced by myVar = (x > 300); I thought that might be useful since it is a very common example of redundant code.
Great Tutorial! I done the photo gallery first, then created the thumbnail scroller in that project , it looks and works great. xcept the button links. Q:How can I fix the buttons so they control the photosMC again? I tried placing 'PhotosMC' in 'SubBar Inside' which works, the buttons change the pictures. BUT the larger pictures now scroll with the buttons. Please explain, or make another tut on how to get both working together. Im sure there are many others wanting to know too. Thanks
25:02 if I'm not mistaken, with Boolean variables simply using the name is ok, and you don't need to test it's condition. Saying if(myVar) would test for myVar being true, and if(!myVar) would test for it being false. So you could say if(_root._xmouse < 50 and myVar) { //block of code here }
Hi Tutvid, your videos are brilliant and easy to follow. Would you be able to tell me how I can get the imgBar to not be moving automatically and only move when the sides are hovered over?? Thanks.
if you are doing all this in action script 3, do the following... as2 looks like: onEnterFrame = function(){ trace("Do Something"); } In ActionScript 3.0, you must use an event listener format to perform a frame event. For example… addEventListener(Event.ENTER_FRAME,myFunction); function myFunction(event:Event) { trace("Do Something"); }
My pictures are not scrolling after the motion tween. I repeated my work for almost 6 times and yet the same problem I get. Btw, I'm using Adobe Flash Pro CS6. What do you think is the problem with my software? --- UPDATED --- Found out how. I used the Classic Tween instead of the Motion Tween.
Thank U so much for sharing ur knowledge! Is it possible to let us know how to put flash files on a website n how to put 3 flash files on the same website? thank you once again!
Very nice tutorial! Is there a way to make your scrolling motion go smoother? i think there is a way to smothen it by using Action Script.. . is there a tutorial somwhere? Thanks!
gracias... gracias... gracias ... It's amazing, before I don't have any clue about flash 10 and long time ago I wanna make for me, some slide show for my webpage .... thanks a lot.
I know exactly what you mean. Try using motion guides to control the rotation. You mean have a stationary image in the centre of 10 or so thumbs going around it e.g. like a ferris wheel? and then when the user puts their mouse over one of the thumbs rotating, that is the one that appears in the middle. Is that what you mean?
I have a question. Well first off I'd like to say great video thanks for uploading and sharing! My question is would there be any way to incorporate the lightbox2 web gallery with this? For example have they flash scroll bar on your website, and whenever you actually click on the scrolling image the background screen fades out and the image you click shows up like it would with lightbox2 by it's self.
did you create a place holder for the image to load in? I create a placeholder "screen", turn it into a movie symbol and name it "screen", then in the button, click Load external movie clip , or Load external Image, type in the name of the file "picture.png", and click on the name of the "screen" at the bottom. That way when you click the button, it will open the image in the screen.
To the maker of this vid, thank you. It was very easy to follow. One thing when I used the else statement it completely buggered up the whole script. I tried it by using an if statement saying if the y mouse was below 300 then stop, above 300 play and it's worked out fine. Just wondering why this happened? I followed instructions to the letter. Regardless thanks again.
@jacekelgda Obviously! in cs4, you have to create a classic tween to have the same effect, not a motion tween! motion tween is used only in older version of flash!
Hey! The tutorial is great!! Very useful, speciallyfor my proyect at university. I'm Paula, from Argentina. I've a problem with the action script.. I can't make the image move to the other side!! I did exactly what you said in the video step by step. I'm using Flash CS3... Does it matters? The notification is: "root indefined" CAN YOU HELP ME??? THAAANKS!
You might have already figured this out with it being 3 weeks ago lol but _root.onEnterFrame has to change to stage.addEventListener if you are using as3. Also _root._ymouse changes to stage.mouseY. There are a few other changes you'll have to make as well to make it run correctly but there's info on a lot of sites on how to convert as2 to as3.
great tutorial. thanks. though I'd like to ask how I could achieve this scrolling effect but with thumbnails (images) that have been converted to movie clip (symbol), simply because they are a stop motion effect of sorts. don't know if that makes sense? I tried all the steps you showed but my "image bar", when tested doesn't scroll. Any chance I could get some advice?
With Latest version of Flash its this simple At the part which is approx.15mins into tut.the part where it says to at a motion tween. Do Not add a motion tween Instead add a Classic Tween.Also be sure to Highlight all of Both layers not just a certain setcion of the layers which its shows in Vid. By selecting all of both layers you are telling it to run all of pics as a tween,Not just a certain section.So do same as tut says accept Highlight all of both layers and right click,Select Classic.
For all CS4 or higher Versions: click( strg + shift + F12 ) together and then open the Folder Flesh above, change at Skript: Action Script 2. And it will work with the _root code.
increase the number of frames you used to make your tween. If you made your tween in between 100 frames and want to slow it down to half speed just move the last frame to frame 200 and redo your tween.
@Moezy93 Try using "Classic Tween" Function instead of motion tween, because Adobe has updated the meanings of those two, so now classic tween does the same thing that motion tween did once..
Thanks so much for your videos (I've learned so much!). But I've tried this tutorial a few times now and each time my actionscript for the mouse control is not working for me. I'm not getting any errors, but when I try to preview my document the mouse control isn't working. The thumbnails just scroll across the screen and it doesn't pick up any movement from my mouse. Any ideas on what might be wrong? (I am using actionscript 2.0)
![[CSS] Build a Simple Web Page in Dreamweaver!](http://i.ytimg.com/vi/hBWiS6soZfs/mqdefault.jpg)
You are going to have to use Actionscript 2.0 for this tutorial to work. Switching your document is pretty easy.
Look in your Properties panel and select the "Publish Settings" button. Select the "Flash" tab in the dialog box and change the "Actionscript Version" to 2.0 in the drop down menu.
You can also start with a Flash actionscript 2.0 document by choosing that in the new file window.
Awesome tutorial once again tutvid. For those of you having problems with the code, it didn't work for me either at first, but as it turns out this code is for actionscript 2, and not 3. ( mine was AS3 ) All is not lost. I just opened a new file, made it AS2, and imported the library from the original. I palced everything where it was exactly as I had before, and it worked like a charm. Also, if like me, your image bar is vertical, simply change "xmouse" to "ymouse". Works great :)
Just stopping by to tell you it's a great tutorial, that can even help a programmer understand the world of flash. Without it I didn't know where to begin. Keep up the great work.
Seriously? Tutvid guy took the time to help people learn flash. I took the time to say thanks for that. And you took the time to ridicule me for that. Way to go!
Super!
I'm a graphic designer and i know NOTHING about AS so you helped me a lot understanding how things pretty much work with AS.
THANK YOU!!!
Well the two ways I know are: switch to a Directors or a Gurus account, that does it! I am pretty sure the others(Musicians, Comedians etc..) probably allow more than 10 mins. as well, I have only ever used Guru and Director though.
for photoshop tutvid taught me so much now that I'm moving onto flash for ollege YET AGAIN! you've saved me lol! THANK YOU!
Geez! thankx man!!! you have no idea how helpful was your tutorial for me to fullfill my web project. Definetly an excellent tut.
Thanks a lot!! I had never worked with Flash before but when a followed the whole tut step by step, I managed to get the result I wanted! By the way, first I started a 3.0 file document in CS3. That didn't work out... At the point when the AS started, it didn't work and some weird errors came up. Had to start all over with a 2.0 document because it's only working in a Flashfile Actionscript 2.0. But now I'm totally happy with it, thanks again!
great tutorial! thanks a lot! :)
for those wondering why their attempts don't work: try changing the Publish Settings to use ActionScript 2.0 instead of 3.0 (can be found under the Flash tab)
One of the best flash tutorials i've seen on youtube. Great explanation of all the different facets of the flash movie! It even had a healthy dose of humour init :) Now its time for me to try it out myself ^^ I'll sure check out more vids of you!
Kind regards!
you do NOT have to copy the second else in the action script, because that's why the prevFrame function messes up. if you just skip the second else it will continue to run fine and you don't need an extra prevFrame in your code
anyway...
nice tut, thnx so much, i've learned a lot
I've been using this code to create an thumbnail slider using ActionScript3. I translated the code used here into ActionScript3 and the slider works just fine. The only problem I'm having now is that I want to make the thumbnails display an image when they are clicked. The buttons do work but only the images to the right of the first button, and only while the first button is completely within the viewing window. Does anyone know why this is?
thank you so much, this video was so simple compared to other tuts out there. everything works perfectly!
here is a link to an explained AS3 translation. THANKS TUTVID!!! your videos are amazing and are saving my life.
You're so helpful! People like you make youtube great.
I absolutely loooooooooooooooooooooooooooooved this tutorial.
It's so easy to follow. Thanks for all your work.
Hey mate. Awesome vids! You're my hero. Thanks for doing these. I decided only 2 days ago that I'd give flash design a shot and thanks to you I'm definitely on my way. I think you'd be proud. Cheers dude! Lee
TutVid ill add are a very good Learning site.
Its as Simple as Adobe updated since latest Vid so Cheers TutVid for all the hard work.
Took me a while but I was able to do it. I was actually using AS 3.0 so i had to change the publishing to AS 2.0.
I did see a really cool effect where the thumb nails would float once the mouse was over it. If you can show us all how to do that I would appreciate it. Thanks again for this tutorial.
Thanks for the great tutorial. The one problem I had was with the motion tween not working. I'm using Adobe Flash CS5 and it would only scroll when I used "classic tween". Not sure if anyone else had this issue but other than that everything worked great, thanks!
Thank you so much - you're a wonderful teacher! I'm trying to make a simpler thumnail slideshow display. I don't want the duo direction play. I don't know yet how to pause and play my "keyframed" thums with mouse-rollovers. I only want a slide of thums, that can be paused via a mouseover, and play continues when mouseoff. I've been able to successfully link each thum to a corresponding page. I've also successfully executed your rollover "highlight" effect, very nice thank you!!
This is a great video- Some things are diffrent in SWiSH, but the code and ideas were a big, BIG help. THANK YOU for taking the time to do this, I will definatly be checking out your web site
i made exactly like you show and its work perfect as you say and show . The mean time i have put litter bit of modification on it .
I put 1 Sound include on it switch off&on . and i twice the bar but not in the same position ofcourse. its amazing .
thx bro you are great .
THANKS~!! this 30 minutes video is really helpful, it is worth watching. it really helps me for my portfolio website.
yup, the image can go inside, you can set the opacity of the iamge that loads. You can also design the screen anyway you like as long as it has a place for the display of the images.
once you import it into dreamweaver and it shows up as a flash file in design mode right click the flash logo and select "source file" then browse to your swf and make sure it is set as source. make sure the swf is in your root folder for your site. when you save it and preview in browser dreamweaver should automatically ask you to copy the supporting java script file to your root directory too. hope this helps you out.
were's the code scrolling thumbnails with mouse in actionscript 2.0 with errors
This was really usefull! Wish me luck on my exams, thank you tutvid
THANK U VERY MUTCH, this is the only video i found teaching this.....i had a few problems with mine (i dont use flash professional 8) BUT IS WORKING , thanks men!!!
Great tip, thanx... I was going nuts last night trying to figure out how to change from AS 3.0 to 2.0...
you rock. Thank you. Please be sure to mention which AS you are using!
Thank's a lot. Your tutorial was very helpful to an excercise that I'm working on for my students.
You explained that well! But consider this:
if (x > 300) {
myVar = true;
}
if (x >= 300) {
myVar = false;
}
... could be replaced by
myVar = (x > 300);
I thought that might be useful since it is a very common example of redundant code.
Thankyou Funaticfilms!!!!! Thankyouuuuuuuu, I was going nuts. I repeat, if it doesnt works, change to ActionScript 2.0.
Thank you for all your great tutorials
you are amazing man thanks a lot few people take time to give that kind of explanation
good tutorial briefly explained.............very helpful
Top tutorial. Have to change to action script 2 tho. But works a treat. Keep up the good work.
Thank you so much! Great tutorial! Worked perfect for CS4, just had to switch to AS2. :)
Thanks for the insight of action scripts...very nice video
It's amazing, before I don't have any clue about flash 10 and long time ago I want to make for me, some slide show for my webpage .... thanks a lot.
Great Tutorial!
I done the photo gallery first, then created the thumbnail scroller in that project , it looks and works great. xcept the button links.
Q:How can I fix the buttons so they control the photosMC again?
I tried placing 'PhotosMC' in 'SubBar Inside' which works, the buttons change the pictures. BUT the larger pictures now scroll with the buttons.
Please explain, or make another tut on how to get both working together. Im sure there are many others wanting to know too.
Thanks
Thank you very much! Exeactly the type of tutorial I was looking for!
25:02 if I'm not mistaken, with Boolean variables simply using the name is ok, and you don't need to test it's condition. Saying if(myVar) would test for myVar being true, and if(!myVar) would test for it being false. So you could say
if(_root._xmouse < 50 and myVar)
{
//block of code here
}
I got through the tutorial no problem, thank you for this! ^^
hi there! it was a realy very cool lesson... it's going to really help me to get my site better, thanx!!!
For those who are using cs5 it is you dont use motion tween to make it move across the screen, you must use classic tween
thanks for the tutorial tutvid... this is awesome
thank you .. exactly what I was looking for. Ive learned a lot!
Great tut dude !! as always u save our life !!
Hi Tutvid, your videos are brilliant and easy to follow.
Would you be able to tell me how I can get the imgBar to not be moving automatically and only move when the sides are hovered over??
Thanks.
You are the star ! thank you very much for this tut !!!
OK I laughed so hard on the myVar = true the moment he typed it... then the explanation. Salt a pepper for a truly great tutorial
if you are doing all this in action script 3, do the following...
as2 looks like:
onEnterFrame = function(){
trace("Do Something");
}
In ActionScript 3.0, you must use an event listener format to perform a frame event. For example…
addEventListener(Event.ENTER_FRAME,myFunction);
function myFunction(event:Event) {
trace("Do Something");
}
This is working GREAT, I used as2 :) Thank you!!!
i like the "alright, I am backed!" part!
Thanks!! It's really good! I have a little question... how can I change the scroll's speed? I want it to be slower...
My pictures are not scrolling after the motion tween. I repeated my work for almost 6 times and yet the same problem I get.
Btw, I'm using Adobe Flash Pro CS6. What do you think is the problem with my software?
--- UPDATED ---
Found out how. I used the Classic Tween instead of the Motion Tween.
Thank U so much for sharing ur knowledge! Is it possible to let us know how to put flash files on a website n how to put 3 flash files on the same website? thank you once again!
Excellent... loved this... well done!
Great tutorial! Thanks for this!
Nice sir 👌
I Just tried this it really worked but i was wondering if you could make another vid in explaining how expand image once you click on it.
ty =)
Fantastic tut - thanks a million
Great tutorial. Thank you for posting.
Very nice tutorial!
Is there a way to make your scrolling motion go smoother? i think there is a way to smothen it by using Action Script.. . is there a tutorial somwhere?
Thanks!
thanks brother that was really helpful for my website :)
This is great!! thanks TUTVID!!! your my hero!!! Thankkkkkkkk you......
Thanks for the tutorial, it works great. do you know how I would then assign a different hyperlink to each of the images? :D
don't get me wrong, the tutvid guy is of great help. I am trying to re learn illustrator with him. But you gotta calm the fuck down.
gracias... gracias... gracias ... It's amazing, before I don't have any clue about flash 10 and long time ago I wanna make for me, some slide show for my webpage .... thanks a lot.
This vid really helped. Thanks dude.
Yes, you just have to choose a new flash file(actionscript 2.0).
Do you have a tutorial for doing this same thing, but using XML file to load the images dynamically? Thanks. BTW -- great tutorial.
thx dude.. it really works... are you the partner of this man who working in tut? hehe anyway thanks a lot....
I know exactly what you mean. Try using motion guides to control the rotation. You mean have a stationary image in the centre of 10 or so thumbs going around it e.g. like a ferris wheel? and then when the user puts their mouse over one of the thumbs rotating, that is the one that appears in the middle. Is that what you mean?
I have a question. Well first off I'd like to say great video thanks for uploading and sharing! My question is would there be any way to incorporate the lightbox2 web gallery with this? For example have they flash scroll bar on your website, and whenever you actually click on the scrolling image the background screen fades out and the image you click shows up like it would with lightbox2 by it's self.
Great video! I'll try right now!
To all who have this problem too, your probably are working with CS 3.0, you have to change your document properties to Actionscript 2.0
did you create a place holder for the image to load in? I create a placeholder "screen", turn it into a movie symbol and name it "screen", then in the button, click Load external movie clip , or Load external Image, type in the name of the file "picture.png", and click on the name of the "screen" at the bottom. That way when you click the button, it will open the image in the screen.
To the maker of this vid, thank you. It was very easy to follow. One thing when I used the else statement it completely buggered up the whole script. I tried it by using an if statement saying if the y mouse was below 300 then stop, above 300 play and it's worked out fine. Just wondering why this happened? I followed instructions to the letter. Regardless thanks again.
Awesome tutorial! How do you know all this stuff!! Thanks so much :)
@jacekelgda Obviously! in cs4, you have to create a classic tween to have the same effect, not a motion tween! motion tween is used only in older version of flash!
great tutorial!!!!!!
por fin aprendi a hacer esta galeria
Saludos =)
you're the best..thank you for the tutorial
Hi! Great tutorial....but is there a way to control speed possibly slower?...thanks!
Hey! The tutorial is great!! Very useful, speciallyfor my proyect at university. I'm Paula, from Argentina. I've a problem with the action script.. I can't make the image move to the other side!! I did exactly what you said in the video step by step. I'm using Flash CS3... Does it matters?
The notification is: "root indefined"
CAN YOU HELP ME??? THAAANKS!
thanks a lot this is exact what i m looking nice explanation
You might have already figured this out with it being 3 weeks ago lol but _root.onEnterFrame has to change to stage.addEventListener if you are using as3. Also _root._ymouse changes to stage.mouseY. There are a few other changes you'll have to make as well to make it run correctly but there's info on a lot of sites on how to convert as2 to as3.
thank for the Tutorial. very detail
it's ctrl+f3 to get your properties layers back. hope that helps
great tutorial. thanks. though I'd like to ask how I could achieve this scrolling effect but with thumbnails (images) that have been converted to movie clip (symbol), simply because they are a stop motion effect of sorts. don't know if that makes sense?
I tried all the steps you showed but my "image bar", when tested doesn't scroll. Any chance I could get some advice?
With Latest version of Flash its this simple
At the part which is approx.15mins into tut.the part where it says to at a motion tween.
Do Not add a motion tween Instead add a Classic Tween.Also be sure to Highlight all of Both layers not just a certain setcion of the layers which its shows in Vid.
By selecting all of both layers you are telling it to run all of pics as a tween,Not just a certain section.So do same as tut says accept Highlight all of both layers and right click,Select Classic.
For all CS4 or higher Versions: click( strg + shift + F12 ) together and then open the Folder Flesh above, change at Skript: Action Script 2. And it will work with the _root code.
increase the number of frames you used to make your tween. If you made your tween in between 100 frames and want to slow it down to half speed just move the last frame to frame 200 and redo your tween.
@Moezy93 Try using "Classic Tween" Function instead of motion tween, because Adobe has updated the meanings of those two, so now classic tween does the same thing that motion tween did once..
thank you!
This helped me get things working :-)
thnks! this video was AWESOME! you helped me 100%! totally faving :)
Thanks so much for your videos (I've learned so much!).
But I've tried this tutorial a few times now and each time my actionscript for the mouse control is not working for me. I'm not getting any errors, but when I try to preview my document the mouse control isn't working. The thumbnails just scroll across the screen and it doesn't pick up any movement from my mouse.
Any ideas on what might be wrong?
(I am using actionscript 2.0)