HOME | DD
iceman200 — Flash Image scroller tutorial
Published: 2009-04-26 07:25:40 +0000 UTC; Views: 9906; Favourites: 20; Downloads: 216
Redirect to original
Description
A step by step tutorial for creating an image scroller.Final product- [link]
If you're having a hard time you can download the source code.[link]
Related content
Comments: 45
in addition to my last comment....is there a way to have multiple images without creating a gigantic image file to fit all images together. I tried to create a long size image but after a certain length it no longer becomes able to save for web or as a psd file....any suggestions?
👍: 0 ⏩: 0
Is there a way to add more images in addition to thefirst image to create a chain link to the content image?
👍: 0 ⏩: 0
hi! thanks for ur tutorial. it worked well!
i just want to ask about the part
"x = getProperty("_root.image.content", _x);
if (x<-590)"
how to determine x<-590?
is it how more does it needed to be scroll outside the stage?
or how to calculate x<- so that when we play the file, it scrolls the entire image.
you can mail me at
bumblefusion@yahoo.com.sg
thanks iceman for teaching!
Cheers!
👍: 0 ⏩: 0
no prob just happy to help others with flash
👍: 0 ⏩: 1
Now i can make a flash project
👍: 0 ⏩: 0
That's a cool tutorial!
But I have a problem ... when I want to add the action code to the button it says I cannot add action to this element!
Do you have an idea what I have to change?
👍: 0 ⏩: 1
thank you
hmmm sounds like you're using action script 3.0 make sure you select 2.0 thats the only thing I can think of if that dosent do it let me know.
👍: 0 ⏩: 1
Oh, thanks! That problem's solved now
But there are two others
How do I make it scroll up and down instead of right and left? And I have lots of pictures on the background but they won't move with it! 
Thank you so much for the help
👍: 0 ⏩: 1
to change the direction all you have to do is replace any X to a y in the main code
to have your other images move with the background you need to place them on the right sub layer you can download the source code [link] the sub time line you need to place them on is the one with the ninja on it to get there just double click your background image.
I hope it helps and good luck
👍: 0 ⏩: 1
Oh, thank you!
It worked out fine (still a few things I might change later, but it's great for now)!
You helped me a lot to improve my project [link] !
👍: 0 ⏩: 1
Glad it all worked out
It's a very cool project if i get some free time I might make an entry
👍: 0 ⏩: 1
Yes, I saw you did!
It's awesome, thank you very much!
👍: 0 ⏩: 0
Tutorial is really cool and well done... But i followed it step by step and picture by picture... and i got no luck.... It just won't scroll 
👍: 0 ⏩: 1
Frame label-->[link]
Instance name-->[link]
I'll go through the tutorial to make sure I did'nt mess anything up
👍: 0 ⏩: 1
I'm gonna do the whole thing again quick. How come you have multiple symbols of the image?
👍: 0 ⏩: 1
You mean convert to a movie clip then double click the movie clip then convert it again
👍: 0 ⏩: 1
well. You convert to symbol after placing with the instance name image... the n double click it, and convert the same picture to symbol, but call the instance content....
👍: 0 ⏩: 1
found the problem sorry it was me
here this should do it add this action script on the left button
on (rollOver) {
tellTarget ("control") {
gotoAndPlay(2);
}
}
on (rollOut, dragOut) {
tellTarget ("control") {
gotoAndStop(1);
}
}
and this one on the right button
on (rollOver) {
tellTarget ("control") {
gotoAndPlay(5);
}
}
on (rollOut, dragOut) {
tellTarget ("control") {
gotoAndStop(4);
}
}
👍: 0 ⏩: 2
Or maybe i should be saying: Say what?
👍: 0 ⏩: 0
on the main stage (scene 1) select the left button open up the action script menu (f9) and add the code directly on the button. repeat with the right button.
👍: 0 ⏩: 1
Ah Thanks dude. Its working now 
👍: 0 ⏩: 1
Oh and to answer your question about converting twice It's set up that way so you can add moving gifs to the image and have the gifs move with the image. It's kind of like putting a folder into a file cabinet.
One more thing just in case when you import a gif like a moving emote create a blank movie clip by pressing ctrl+f8 then go to import to stage
👍: 0 ⏩: 1
Cool. Thanks for the advice. I quickly added in the stuff for up and down. Here it is if you'd like to add it in some where:
UP
on (rollOver) {
tellTarget ("control") {
gotoAndPlay(8);
}
}
on (rollOut, dragOut) {
tellTarget ("control") {
gotoAndStop(7);
}
}
Frame 7:
stop();
frame 8:
y = getProperty("_root.image.content", _y);
if (y>0) {
gotoAndStop(7);
} else {
setProperty("_root.image.content", _y, y+8);
}
Frame 9:
gotoAndPlay(8);
_______________________________________________
DOWN
on (rollOver) {
tellTarget ("control") {
gotoAndPlay(11);
}
}
on (rollOut, dragOut) {
tellTarget ("control") {
gotoAndStop(10);
}
}
Frame 10:
stop();
Frame 11:
y = getProperty("_root.image.content", _y);
if (y<-174
) {
gotoAndPlay(10);
} else {
setProperty("_root.image.content", _y, y-8);
}
Frame 12:
gotoAndPlay(11);
____________________________________________
I know you could've figured this out yourself. But i thought i'd save you the hassle of having to type it all
👍: 0 ⏩: 1
Thanks man your getting this down pretty fast. Are you making a project
I put the tutorial in my scraps for now I added the missing frames but i have to update the engine the tutorial runs on that take a long time
👍: 0 ⏩: 1
Yeah im tryna make a project. Something i havent seen before.[link]
Have a look see. So its a real mission adding in Emotes
👍: 0 ⏩: 1
Nice viking ship man 
It's not that bad Once you import them into a blank movie clip they get put in the library so you can drag and drop from there.
if you have a hard time with it talk to =ManiacalMuffin she has it down to a science
👍: 0 ⏩: 1
I just cant get the emote to stay where i put them. The 'content' image moves, but the emote doesnt
👍: 0 ⏩: 1
I uploaded the source code it might help you out [link]
I left my ninja on the movie clip you need to have your emotes on just double click the scroll image twice.
👍: 0 ⏩: 1
I found the content picture, and adding the emotes in CS3 is actually very simple. Once i knew what to look for. So the project is now up and running: [link]
And all thanks to you and your help to
👍: 0 ⏩: 1
I thought the source would help
looks really good i defiantly have to make an entry
And thanks for helping me work all the bugs out of the tutorial
👍: 0 ⏩: 0
Wow, that is really awesome! All I need now is to get Flash!
👍: 0 ⏩: 1
Thank you
👍: 0 ⏩: 1
👍: 0 ⏩: 0
👍: 0 ⏩: 1
👍: 0 ⏩: 0
it's amazing I like how you used the ninja pool and I like it more because people can copy/past the code thank to the right frame !
👍: 0 ⏩: 1
👍: 0 ⏩: 0
👍: 0 ⏩: 0