Background Image Swapper

This JavaScript automatically rotates through a set of background-images similar to a slideshow. Add as many background-images as you like. Great trick to animate your background. Easy configuration of swapping-speed and background-image.

Over 2000+ free Javascript

at JavaScriptBank.com Website

Configuration:

Step 1: Open your webpage. Paste the following code between the <head> and </head> tags of your webpage:

/*
     This script downloaded from www.JavaScriptBank.com
     Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
*/

// CREDITS:
// Background Image Swapper
// by Urs Dudli and Peter Gehrig 
// Copyright (c) 2000 Peter Gehrig and Urs Dudli. All rights reserved.

// Put the background-images into the same folder as your webpage.
// Add the filnames of your background-images to the Array bellow (just replace 
// our background-images with your background-images) 
var backgroundimage=new Array("bgimage1.jpg","bgimage2.jpg","bgimage3.jpg","bgimage4.jpg","bgimage5.jpg","bgimage6.jpg")

// swapping speed (seconds)
var swapspeed=2

// do not edit the code below
var timer
var imgpreload=new Array()
if (document.all) {
    for (i=0;i<=backgroundimage.length-1;i++) {
	    imgpreload[i]=new Image()
	    imgpreload[i].src=backgroundimage[i]
    }
}

var i_backgroundimage=0

swapspeed=swapspeed*1000

function swapimages() {
	if (document.all) {
        window.status=i_backgroundimage
		document.body.background=backgroundimage[i_backgroundimage]
        i_backgroundimage++
        if (i_backgroundimage>=backgroundimage.length) {i_backgroundimage=0}
		timer=setTimeout("swapimages()",swapspeed)	
	}
}
window.onload=swapimages

</SCRIPT>

Step 2: Open your webpage. Go to to the top of the script and replace the filenames of our background-images with your own background-images (red code below):
var backgroundimage=new Array("bgimage1.jpg","bgimage2.jpg","bgimage3.jpg","bgimage4.jpg")
Add as many background-images as you like!

Step 3: Go to to the top of the script and configure the speed in seconds (red code below):
var swapspeed=2