JavaScript Switching Images

JavaScript image automatically switch! You can control the length of time to switch the picture and put as many pictures as you like on any web pages.

Script Demo:

Demo

JavaScript Code:

Insert this code into <head> tags

<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 into <body> tags

<form name="form">
<img name="image" border="0" src ="image.gif">

Instruction:

Replace <body> with <body onLoad="flipper()">
setTimeout("flipper()", 2000); - Set time out, 1000 is equal to 1 second.
"IMAGE1.gif", - Image URL channels, add as many as you like.

Webmaster » Web Programming » JavaScript » Image Effects » Switching Images

Related Links:

Home | Sitemap | Bookmark This Page

Sponsored Links

Recommended Links