Home » Webmaster Tools and Resources » Software & Scripts » JavaScript » Image Effects » [*TITLE HERE*]

Switching Images Script

Switch the image automatically.

Sample:

Insert this code before </head>

<SCRIPT LANGUAGE="JavaScript">
<!-- Hide from old browsers


function makeArray() {
        this.length = makeArray.arguments.length
        for (var i = 0; i < this.length; i++) this[i+1] = makeArray.arguments[i]
}
var teams = new makeArray ("IMAGE1.gif", "IMAGE2.gif", "IMAGE3.gif");
var eatMe = 1;
function flipper() {
        document.form.image.src = teams[eatMe];
        eatMe += 1;
        if (eatMe == 4) eatMe = 1;
                setTimeout("flipper()", 2000);
}
// -->
</SCRIPT>

Insert this code before </body>

<form name="form">
<IMG name=image border=0 SRC = "IMAGE.gif">

Replace <body> with <body onLoad="flipper()">

Related Resources: