<script type="text/javascript"> function addThisEvent(el, type, fn) { var ename = type.replace(/^on/i,""); if (el.attachEvent) { //IE el.attachEvent("on"+ ename, function () { return fn.call(el, window.event)}); /*fixes IE's fudging of 'this' in attachEvent*/ } else if (el.addEventListener) { //Standard el.addEventListener(ename, fn, false ); } else { el["on"+ename] = fn; } } function rotateImages(img, arr, start) { if(start >= arr.length) { start = 0; } img.src = arr[start]; window.setTimeout(function () {rotateImages(img, arr, ++start);}, 5000); } addThisEvent(window, 'load', function () { var imageArr1 = ["img1.jpg", "img2.gif", "img3.jpg"], imageHolder1 = document.getElementById('img1'), imageArr2 = ["img4.jpg", "img3.gif", "img5.jpg"], //set the paths in this array to whatever yours should be imageHolder2 = document.getElementById('img2'); rotateImages(imageHolder1, imageArr1, 0); rotateImages(imageHolder2, imageArr2, 0); }); </script> |