neilgee
6/2/2014 - 7:37 AM

Javascript Image Rotator

Javascript Image Rotator

var howOften = 5; //number often in seconds to rotate
var current = 0; //start the counter at 0
var ns6 = document.getElementById&&!document.all; //detect netscape 6

// place your images, text, etc in the array elements here
var items = new Array();
    items[0]="<img alt='image1' src='/wp-content/uploads/2013/09/image1.png' />"; //a linked image
    items[1]="<img alt='image2' src='/wp-content/uploads/2013/09/image2.png' />"; //a linked image
    items[2]="<img alt='image3' src='/wp-content/uploads/2013/09/image4.png' />"; //a linked image
    items[3]="<img alt='image4' src='/wp-content/uploads/2013/09/image4.png' />"; //a linked image
   
function rotater() {
    document.getElementById("placeholder").innerHTML = items[current];
    current = (current==items.length-1) ? 0 : current + 1;
    setTimeout("rotater()",howOften*1000);
}

function rotater() {
    if(document.layers) {
        document.placeholderlayer.document.write(items[current]);
        document.placeholderlayer.document.close();
    }
    if(ns6)document.getElementById("placeholderdiv").innerHTML=items[current]
        if(document.all)
            placeholderdiv.innerHTML=items[current];

    current = (current==items.length-1) ? 0 : current + 1; //increment or reset
    setTimeout("rotater()",howOften*1000);
}
window.onload=rotater;
//-->