JAVASCRIPT EXAMPLES - Iframe Slideshow

COPY - Save as iscroller.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>I Scroller</title>
<meta http-equiv="imagetoolbar” content="no”>
</head>
<body>
<div id='divSC0' style='position:absolute; top:0px; left:0; z-index:20; visibility:visible; background:#FFFFFF; width:200px; height:100px;'>
<img src="http://YOURDOMAIN.com/IMAGE1.jpg"  alt="house1" border="0"></div>
<div id='divSC1' style='position:absolute; top:0px; left:0; z-index:19; visibility:visible; background:#FFFFFF; width:200px; height:100px;'>
<img src="http://YOURDOMAIN.com/IMAGE2.jpg"  alt="house2" border="0"></div>
<div id='divSC2' style='position:absolute; top:0px; left:0; z-index:18; visibility:visible; background:#FFFFFF; width:200px; height:100px;'>
<img src="http://YOURDOMAIN.com/IMAGE3.jpg"  alt="fronthouse" border="0"></div>
<div id='divSC3' style='position:absolute; top:0px; left:0; z-index:17; visibility:visible; background:#FFFFFF; width:200px; height:100px;'>
<img src="http://YOURDOMAIN.com/IMAGE4.jpg"  alt="fronthouse2" border="0"></div>
<div id='divSC4' style='position:absolute; top:0px; left:0; z-index:16; visibility:visible; background:#FFFFFF; width:200px; height:100px;'>
<img src="http://YOURDOMAIN.com/IMAGE5.jpg"  alt="frontright" border="0"></div>
<div id='divSC5' style='position:absolute; top:0px; left:0; z-index:15; visibility:visible; background:#FFFFFF; width:200px; height:100px;'>
<img src="http://YOURDOMAIN.com/IMAGE6.jpg"  alt="frontyard" border="0"></div>
<div id='divSC6' style='position:absolute; top:0px; left:0; z-index:14; visibility:visible; background:#FFFFFF; width:200px; height:100px;'>
<img src="http://YOURDOMAIN.com/IMAGE7.jpg"  alt="frontgarage" border="0"></div>
<div id='divSC7' style='position:absolute; top:0px; left:0; z-index:13; visibility:visible; background:#FFFFFF; width:200px; height:100px;'>
<img src="http://YOURDOMAIN.com/IMAGE8.jpg"  alt="frontentrance" border="0"></div>
<div id='divSC8' style='position:absolute; top:0px; left:0; z-index:12; visibility:visible; background:#FFFFFF; width:200px; height:100px;'>
<img src="http://YOURDOMAIN.com/IMAGE9.jpg"  alt="creekbridge" border="0"></div>
<div id='divSC9' style='position:absolute; top:0px; left:0; z-index:11; visibility:visible; background:#FFFFFF; width:200px; height:100px;'>
<img src="http://YOURDOMAIN.com/IMAGE10.jpg"  alt="backyard" border="0"></div>

startScroll();

loadVisibleDiv();

function startScroll()
{
  TimeOutID = window.setInterval('doIt();',50);
}
function stopScroll()
{
  clearInterval(TimeOutID);
}

iLeft-=1
}

var MediaData = new Array();
function makeData(Width, Height)
{
			    this.Width = Width;
				this.Height = Height;
	            return true;
}
MediaData[0] = new makeData(200,100)
MediaData[1] = new makeData(200,100)
MediaData[2] = new makeData(200,100)
MediaData[3] = new makeData(200,100)
MediaData[4] = new makeData(200,100)
MediaData[5] = new makeData(200,100)
MediaData[6] = new makeData(200,100)
MediaData[7] = new makeData(200,100)
MediaData[8] = new makeData(200,100)
MediaData[9] = new makeData(200,100)
</script>
</body>
</html>

COPY - Insert Inside Body: <BODY></BODY>

Uncle Jim's JavaScript Examples

Iframe Slide Show

Author: Jim Stiles