Loading Different Jpegs Randomly 1

[Kijori]

I want to create a movie clip that loads different jpegs (one at a time randomly) from a source folder. I've tried using the onClipEvent(enterFrame) but it doesn't seem to work.

Here's the onClipEvent() code;

onClipEvent(enterFrame) {
	picIndex = Math.round(1+(15*Math.random()));
	if(picIndex<10) {
		this.thumbBox_mc.loadMovie("Images/Pic 0"+picIndex+".jpg");
	} else {
		this.thumbBox_mc.loadMovie("Images/Pic "+picIndex+".jpg");
	}
}

Is there any other better way of achieving this similar effect? By the way, I would like to insert a timer too. Say... change the picture every 2 secs.

 

[wangbar]

Using setInterval will make the timings easy:

function choosePic() {
	picIndex = Math.round(1+(15*Math.random()));
	if (picIndex<10) {
		this.thumbBox_mc.loadMovie("Images/Pic 0"+picIndex+".jpg");
	} else {
		this.thumbBox_mc.loadMovie("Images/Pic "+picIndex+".jpg");
	}
}
//call the function every 2 seconds
setInterval(choosePic,2000);

By the way you may want to look at the way you're naming your image files as having a space between the name and number will fail on some browsers.

 

[Kijori]

Hey thanks!

I tried it and it works. My problem is, I want to create 10 duplicates of this movie clip using the duplicateMovie() function.

Although the duplicates are created, somehow the picture loading don't. How do I achieve this? I want to create many movie clips displaying different pictures randomly.

 

[wangbar]

You can open up the choosePic function to loop through all of the dupicated clips, assuming you call them 'thumbBox_mc1' thru 'thumbBox_mc10':

function choosePic() {
	for (var i = 1; i<=10; i++) {
		picIndex = Math.round(1+(15*Math.random()));
		if (picIndex<10) {
			this['thumbBox_mc'+i].loadMovie("Images/Pic 0"+picIndex+".jpg");
		} else {
			this['thumbBox_mc'+i].loadMovie("Images/Pic "+picIndex+".jpg");
		}
	}
}

 

[Kijori]

Thanks dude! It works!