Forum Moderators: open
<script language="JavaScript">
var ImageArr1 = new Array("img1.jpg","img2.gif","img3.jpg");
var ImageHolder1 = document.getElementById('img1');
function RotateImages(whichHolder,Start)
{
var a = eval("ImageArr"+whichHolder);
var b = eval("ImageHolder"+whichHolder);
if(Start>=a.length)
Start=0;
b.src = a[Start];
window.setTimeout("RotateImages("+whichHolder+","+(Start+1)+")",5000);
}
RotateImages(1,0);
RotateImages(2,0);
</script>
<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>