How'd they do this?! (images continuosly scrolling)

[aioros]

hi everyone!

Look here:
http://www.matticelake.com/

Can someone tell me if there is a tutorial out there on how to do
the "scrolling images forever" effect on that Flash file in that site?!

Thanks!!!! :)
-aioros

[eurosickwitit]

umm i think there was a post on the forum about it, try SEARCH

[phorte]

http://www.kirupa.com/developer/mx/infinite.htm
check that out....

[aioros]

thanks, aussie: but that's a menu. and you can click on it and it stops...
i just want to be able to have like 20 pictures scroll one way in a loop. :)

and, eurosickwitit, i did search - found what aussie described and
so that's why i asked.

thanks... anyone else might know? :)

[dripster82]

Hi Aioros do you intend to load the images externally or embedded in to the swf

[phorte]

Basicly just get ur images all in a row inside of a movie clip. Then stick 2 of those movie clips inside another one, next to each other, and stick that one on the main timeline and just tween it. Pretty simple.

[cryo.burned]

You might be able to tween the image in a layer where the picture starts offscreen and ends offscreen and so it will loop by itself

[dripster82]

Hi,

Here is the easy way that involves no action script just pure tweening as cryo.burned and aussie devil have suggested.

Please don't mind the graphics in the fla. I have lost the will to work today so thats the best I could come up with.

If you want a version that uses action script then let me know and I show you how. I'll just need to know if you would be embedding the images or loading then externally.

Hope this helps

[aioros]

thank you each so much for your replies!

dripster, thank you for your example i love it!

you know, if i were to load them externally i bet it would be so mouch
easier to update later. since they are going to be about 20 different
pictures (same height but different width -landscape and portrait-)
it might be wiser for updating to load them externally?

[dripster82]

thank you each so much for your replies!

dripster, thank you for your example i love it!

you know, if i were to load them externally i bet it would be so mouch
easier to update later. since they are going to be about 20 different
pictures (same height but different width -landscape and portrait-)
it might be wiser for updating to load them externally?

I'll post a version that loads the images in externally for you, however I will not have time to do it till monday.

[gotland]

I'll post a version that loads the images in externally for you, however I will not have time to do it till monday.

I have used kirupa's Adding thumbernails flash script to create a image scroll. Loading images from XML file. Now is the big question. Is it possible to use this script to make it loop.

Posting my script without images.

Is it also possible to make an label or text float under the image? The text is written in the image.xml with the path to the image.

[mmubashar]

aioros, actually, I would suggest to load them internally. External images arent really good in Flash furthermore if someone who is trying to access your flash file has a slow connection. What would be better is, load up your images to the flash file, convert each image to an image object. Then, create another image object which embeds all images in a row. Next, create a movie clip which tweens the long image. In future, if you want to change your images, all you have to do is replace the image within the single image object, and it will not only replace in the long image, but also in the movie clip. Oh yes, and remember to export your movie after you made your changes. It is a good idea to set a standard image height and width and in future, just edit the images' height and width to the standard size. Anything, just post here.

ShahZ

[aioros]

dripster, man! whenever you have a chance it would really help me out!

gotland, i like your suggestions! quite interesting. hope it can loop...

mmubashar, love your suggestions and thought about that at first but, i don't/won't have control over the size of the images (portrait vs. landscape) in the future and so loading it externally seems like a good idea - maybe if i add a pre-loader?

although what you say about slower connections - that is very important too ... maybe it should load internally... hmmmmmmm... damn. i dunno! i wonder how that example site has it configured...?

[aioros]

oh guys! you know what i just realized?
i can't use xml! (as in i'm not allowed, not that i don't know how)
so i can't have them load externally!!! o man.... well that solves that problem... dripster, could you show me how to actionscript one with embeded files then? :pleased: thank you!!!!!!!!!!

[dripster82]

Sorry for the delay. First time in ages that I've been busy on a monday..

any how I've attached you a copy of a quick and simple scrolling images banner. all you need do is import you images and link them as
1.jpg
2.jpg
3.jpg
4.jpg
5.jpg

etc in the order you wish and then change the varible imgcount to the number of images you have and change the speed varible 1 being slowest and 100 being quickest. and thats about it really. dead simple any problems let me know.

[aioros]

dripster, WOW. thank you SO SO SO SO SO MUCH!
it is EXACTLY what i needed!!! and so easy to customize!!!

:D

quick questions: in the AS, what does j=0 stand for | and, is there a
way to allow for a 1 or 2 pixel line/space between each picture in case a
background color is ever added or important?

[dripster82]

dripster, WOW. thank you SO SO SO SO SO MUCH!
it is EXACTLY what i needed!!! and so easy to customize!!!

:D

quick questions: in the AS, what does j=0 stand for | and, is there a
way to allow for a 1 or 2 pixel line/space between each picture in case a
background color is ever added or important?

Well firstly, glad its what you wanted. I'm here to help.

Secondly the j=0 was part of a debug code I had and is not required.

thirdly to add a space alter this line

xpos = xpos + myBitmapData.width;

to

xpos = xpos + myBitmapData.width + 10;

10 being the space between images

[ANEWIDEACo]

That website is annoying... hard to focus on there text...

[aioros]

Dripster! THANK YOU SOOOOOOO MUCH!!!!!! IT WORKS BEAUTIFULY!!!
WOW!!!!!!!!!

:snug:

[aioros]

dripster, is this a flash player 8 specific/only code?
or am i imagining that?

i'm just asking b/c it wouldn't show up on a pc
that had flash 7, until i updated it to flash 8 palyer...
just wondering...

it's awesome!! again, thank you!

[dripster82]

yeah I've just had alook at it and yes it is designed for flash 8.

Do you require it to be writen for flash 7 ??

[jdan]

BitmapData for a scrolling image?
Seems a bit overkill. :)

edit: Oh, and Airo, you did post this in the Flash 8 forum.. A Flash 8 AS should be what's expected. :D

[aioros]

BitmapData for a scrolling image?
Seems a bit overkill. :)
edit: Oh, and Airo, you did post this in the Flash 8 forum.. A Flash 8 AS should be what's expected. :D

jdan, you're right - this is the flash 8 forum. duh! Hahahahaha
I am so sorry -- ;) LOL and what do you mean by overkill?
i don't understand.

__________________________


Dripster, I just wanted the 90something% of people who have
flash 7 to be able to see it too -- i never thought about the
whole player issue. and jdan is right - i did post it here... sorry!

:ne: would you be angry if i asked that it be flash 7 player compatible? :cantlook:


PS. i love the new "readability" setting for text on 8, but when
i show things to my friends they're like: "i can't see anything!" hahahaha

[dripster82]

yeah not a problem. will do it tomorrow for you.

[aioros]

yeah not a problem. will do it tomorrow for you.


thank you!! you are my saviour! :hoser:

[jdan]

I don't mean anything particular, just I tend not to resort to a BitmapData object unless i really need it.. But I suppose that's cause I was brought up with the old as and the new one seems strange and distant to me.

*sigh* :)

[aioros]

I don't mean anything particular, just I tend not to resort to a BitmapData object unless i really need it.. But I suppose that's cause I was brought up with the old as and the new one seems strange and distant to me.

*sigh* :)

jdan, i love how dripster has been so helpful and kind to me!
and i appreciate your input too! - it helps me learn! for that
sake - may i ask you, how would you approach this "problem" ?

:cons:

[dripster82]

Sorry for the long delay just been very busy at work and time has just past by so quickly.

and how here is my flash 7 version

Scrolling images flash 7 fla (http://www.design-lobby.com/kirupa/embeded%20images%20flash7.fla)
Scrolling images flash 7 swf (http://www.design-lobby.com/kirupa/embeded%20images%20flash7.swf)

[aioros]

o wow! thank you SO SO SO SO SO much! i really appreciate it!
i can't wait to open it up and start playing with it! i'll tell you how
it turns out!!!!

:blush: one thousand thank you's!

:D

[shibbi3]

Hello everyone,

This was an awesome thread. I was just wondering, I want to do something similar but in my case, I would like the sliding to stop if the mouse is over the slideshow and I wanted each image to point to a different link. Any ideas would be great!

I couldnt open any of dripsters files :( .

Thanks for any suggestions.

[Cello]

shibbi3 - welcome to KF :)

Post #3 in this thread has what you're looking for - here it is again: http://www.kirupa.com/developer/mx/infinite.htm

[Iso-Rob]

Is there a way to have more or less the same but have it so its loading in external images? I need a similar thing but need it so it picks out the images from a certain folder, so whatever's in that folder will be put into the scroller.

Can that be done?

[firesprite]

i don t know what wrong in this code, but i know what i in to right way

speed = 80
imgcount = 4



function moveimg()
{
for (i = 1; i <= imgcount; i++)
{
mc_name = "img" + i;
_root[mc_name]._x--
if(_root[mc_name]._x <= (_root[mc_name]._width *-1))
{
_root[mc_name]._x += xpos
}
}
}



xpos = 0;

for (i = 1; i <= imgcount; i++)
{
mc_name = "img" + i;

var myBitmapData = loadMovie(i + ".jpg",this[mc_name]);
this.createEmptyMovieClip(mc_name, this.getNextHighestDepth());
this[mc_name].attachMovie(myBitmapData, this.getNextHighestDepth());
this[mc_name]._x = xpos;
xpos = xpos + myBitmapData.width+10;

}

intervalId = setInterval(moveimg, (100 - speed));

[firesprite]

var myBitmapData = i + ".jpg";
this.createEmptyMovieClip(mc_name, this.getNextHighestDepth());
loadMovie(myBitmapData, mc_name);
this[mc_name]._x = xpos;
xpos = xpos + myBitmapData.width+10;





Where is mistake?