Moving "filmstrip" that moves 6 pictures left to right in a continuous loop.

I want to create a continuous loop of 6 pictures (pic1, pic2, etc.)moving left to right so that as picture 6 moves off screen to the right, it appears to the left of picture 1 and the whole thing just keeps on going like that.
Is there a way to do that with code or something so that all you need is the six pictures, no duplicates off mask to the left or right?
Eventually I would like to have maybe a dozen or more pictures, and have that effect where if you mouse over to the right, the strip moves faster and if you mouse over to the left it switches direction.
(I only mention that now in case there's a way to answer my initial question that would set me up to accomodate the more sophisticated technique later).

Thanks!
John
LVL 1
gabrielPennybackReliability Business Tools Analyst IIAsked:
Who is Participating?
 
Antonio EstradaConnect With a Mentor Tech Leader / Senior Web DeveloperCommented:
Here's something I made really quick... it's not exactly perfect but it can give you an idea on where to go if you want to push it further; otherwise, it's useful as it is.

<code snippet>

Brakers: Can you post a link to your question?, we might have overlooked it.

-V
var Filmstrip:MovieClip;
Filmstrip = new MovieClip();
Filmstrip.Elements = "MyPic1,MyPic2,MyPic3,MyPic4,MyPic5,MyPic6,MyPic7,MyPic8";
Filmstrip.Holder = _root;
Filmstrip.Holder.Width = 550;
Filmstrip.Holder.Height = 400;
Filmstrip.yPos = 75;
 
startUp();
 
function startUp():Void {
	Filmstrip.movieArray = Filmstrip.Elements.split(",");
	Filmstrip.Speed = -1;
	Filmstrip.xPos = 0;
	Filmstrip.firstShown = 0;
	for(i=0;i<=Filmstrip.movieArray.length;i++) {
		i!=0?temp = eval("Filmstrip.Holder.Picture"+(i-1)+"._width")+50:temp = 0;
		Filmstrip.xPos += temp;
		Filmstrip.lastShown = i-1;
		Filmstrip.xPos>Filmstrip.Holder.Width+100?i=Filmstrip.movieArray.length+1:false;
		Filmstrip.Holder.attachMovie(Filmstrip.movieArray[i],"Picture"+i,Filmstrip.Holder.getNextHighestDepth(),{_x:Filmstrip.xPos,_y:Filmstrip.yPos});		
	}
}
 
Filmstrip.Holder.onEnterFrame = function() {
	for(i=0;i<=Filmstrip.movieArray.length;i++) {
		currentPicture = eval("Filmstrip.Holder.Picture"+i);
		currentPicture._x += Filmstrip.Speed;
		if(currentPicture._x<(currentPicture._width*-1)) {
			Filmstrip.lastShown>=Filmstrip.movieArray.length-1?Filmstrip.lastShown=-1:false;
			k = Filmstrip.lastShown+1;
			Filmstrip.lastShown++;
			Filmstrip.firstShown++;
			Filmstrip.Holder.attachMovie(Filmstrip.movieArray[k],"Picture"+k,Filmstrip.Holder.getNextHighestDepth(),{_x:Filmstrip.Holder.Width,_y:Filmstrip.yPos});
			removeMovieClip(currentPicture);
		}
		if(currentPicture._x>(Filmstrip.Holder.Width)) {
			Filmstrip.firstShown<=0?Filmstrip.firstShown=Filmstrip.movieArray.length:false;			
			k = Filmstrip.firstShown-1;
			Filmstrip.firstShown--;
			Filmstrip.lastShown--;
			Filmstrip.Holder.attachMovie(Filmstrip.movieArray[k],"Picture"+k,Filmstrip.Holder.getNextHighestDepth(),{_x:(currentPicture._width)*-1,_y:Filmstrip.yPos});
			removeMovieClip(currentPicture);
		}
	}
	if(_xmouse>(Filmstrip.Holder.Width-200)) {
		Filmstrip.Speed = -5;
	} else if(_xmouse<(Filmstrip.Holder.Width-Filmstrip.Holder.Width+200)) {
		Filmstrip.Speed = +5;
	} else {
		Filmstrip.Speed = 0;
	}
}

Open in new window

0
 
gabrielPennybackReliability Business Tools Analyst IIAuthor Commented:
Here's a link to the flash file: http://www.designamania.com/MichaelTekstra/textra_beta3f.fla 
Please take a look and let me know how to achieve the automatic scrolling of the pictures.

Thanks,
John
0
 
BrakersCommented:
this site has really gone down. Good luck with your question I m still waiting for an answer to mine and I m not impressed
0
 
Antonio EstradaTech Leader / Senior Web DeveloperCommented:
I also uploaded the swf file so you can take a look at how it works:

http://evilrealm.polygonized.com/FilmStrip.swf

Hope this helps.

-V
0
 
BrakersCommented:
nope
0
All Courses

From novice to tech pro — start learning today.