Click to See Complete Forum and Search --> : Image Rotation - where do I put in pics


jdub
04-17-2003, 09:38 PM
I am new to javascript, found this to rotate images but can't figure out where my images should be in this script. Everything I've tried gives me an error.

Hope you can help,
Janet


<!-- Begin
var interval = 2.5; // delay between rotating images (in seconds)
var random_display = 1; // 0 = no, 1 = yes
interval *= 1000;

var image_index = 0;
image_list = new Array();
image_list[image_index++] = new imageItem("http://javascript.internet.com/img/image-cycler/01.jpg");
image_list[image_index++] = new imageItem("http://javascript.internet.com/img/image-cycler/02.jpg");
image_list[image_index++] = new imageItem("http://javascript.internet.com/img/image-cycler/03.jpg");
image_list[image_index++] = new imageItem("http://javascript.internet.com/img/image-cycler/04.jpg");
var number_of_image = image_list.length;
function imageItem(image_location) {
this.image_item = new Image();
this.image_item.src = image_location;
}
function get_ImageItemLocation(imageObj) {
return(imageObj.image_item.src)
}
function generate(x, y) {
var range = y - x + 1;
return Math.floor(Math.random() * range) + x;
}
function getNextImage() {
if (random_display) {
image_index = generate(0, number_of_image-1);
}
else {
image_index = (image_index+1) % number_of_image;
}
var new_image = get_ImageItemLocation(image_list[image_index]);
return(new_image);
}
function rotateImage(place) {
var new_image = getNextImage();
document[place].src = new_image;
var recur_call = "rotateImage('"+place+"')";
setTimeout(recur_call, interval);
}
// End -->
</script>

khalidali63
04-17-2003, 09:42 PM
image_list[image_index++] = new imageItem("http://javascript.internet.com/img/image-cycler/01.jpg");
this line has code for the src of the images,typically you will have

yourwebpage.html
|__images/all of the images will be in this folder

root folder will have html and in the root a folder named images will have all the images.

Make sense?

jdub
04-18-2003, 08:12 PM
Yes, that made sense; I didn't have the root htm document in there. I was still having trouble and found another script that was shorter and it works!

Thanks for your help.