Download JavaScript Code Examples, Tutorials, Reference

Provide thousands of free JavaScript code examples, DHTML, HTML JavaScript Tutorials, Reference and Help. JavaScriptBank.com is the best JavaScript resources

Over 2000+ free Javascript

at JavaScriptBank.com Website

Sampled by JavaScriptBank.com

Adjust: Speed and Size. Pauses with mouse over.

Use 'Select' to copy the whole box (then Ctrl C)

<SCRIPT language="javascript">
//slider's width
var swidth=102;

//slider's height
var sheight=82;

//slider's speed
var sspeed=2;
var resspeed=sspeed;

var imagef='';

//images: change to your own
//Preload is recommended:
//preload1 = new Image();
//preload1.src = "picture1.jpg";
//preload2 = new Image();
//preload2.src = "picture2.jpg";
//preload3 = new Image();
//preload3.src = "picture3.jpg";
// ...

var leftimage=new Array();
leftimage[0]='<img src='+preload1.src+' width=100 height=80 alt="..." border=1>';
leftimage[1]='<img src='+preload2.src+' width=100 height=80 alt="..." border=1>';
leftimage[2]='<img src='+preload3.src+' width=100 height=80 alt="..." border=1>';
//leftimage[...]=' ... ';

for (mi=0;mi<leftimage.length;mi++)
imagef=imagef+leftimage[mi];

/*************************************
 * http://members.rogers.com/bazil/  *
 * This notice may not be removed.   *
 *************************************/

<SCRIPT language="javascript">document.write('<table border=0 align="center" CELLSPACING="0" CELLPADDING="0"><tr><td width='+swidth+' height='+sheight+'>');if(document.layers)document.write('<span style="borderWidth:0.1px; borderStyle:none; clip:rect(0 '+swidth+' '+sheight+' 0);"><ilayer width='+swidth+' height='+sheight+' name="slider1"><layer width='+swidth+' name="slider2" onMouseover="sspeed=0;" onMouseout="sspeed=resspeed"></layer></ilayer></span>');else document.write('<div style="position:relative;overflow:hidden;width:'+swidth+';height:'+sheight+';clip:rect(0 '+swidth+' '+sheight+' 0);"><div id="slider" style="position:relative;width:'+swidth+';" onMouseover="sspeed=0;" onMouseout="sspeed=resspeed"></div></div>');</SCRIPT></td></tr></table>