I've got a problem with image animations. I made two images and wrote some JavaScript to change between the two every quarter second. Basically, the src attribute of the image is being changed. Anyway, I don't know how to modify the script for more than one! I thought if all of them had the same value for the name attribute, they'd all be changing. Nope, didn't work. What's the best way to get all of them to undergo the changing?

What do you see, Atrus?

Bow before me, for I am root.

here's how you can do it.

var myimages = new Array('image1.gif','image2.gif','images3.gif','ima ges4.gif');

function swapIt() {
var i = 0;
if(i!=myimages.length) {
    document.getElementById('name_of_a_picture_in_html ').src = myimages[i];
    i++; }
else return false;

setTimeout("swapIt(" + i + ")",100);

}

remember that you need to have teh function invoked, say after document.onLoad and also have a image named "name_of_a_picture_in_html" in the html body

example

<img src="image1.gif" name="name_of_a_picture_in_html">

that should do it

the genuine genius