Horizontal Slider V2.2 by vasile barsan

| DHTML Cross-Browser JavaScripts Scrollers and Tickers |

Cut&Paste Horizontal Slider Right to Left => Here

| Free Horizontal SLIDER |
Concatenates and slides any number of images from left to right.
Adjustable: Speed, Size, Background, Border and Name! You may use
Hyperlinks with any / all images. Pauses while mouse is placed over.
Windows/Linux: ie4+ firefox1+ ns6+ opera7+ ns4+.
Mac OS X: safari, ie5+ firefox1+ opera7+.

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

<HTML><HEAD>
<title>Horizontal Slider V2.2</title>

/***********************************
*   http://javascripts.vbarsan.com/
*   This notice may not be removed 
***********************************/

//slider's width
var swidth=254;

//slider's height
var sheight=40;

//slider's speed
var sspeed=2;
var restart=sspeed;
var rspeed=sspeed;

//slider's background 
var scolor="#ccffcc";

//slider's border
var sborder="2";

var imagef='';

//images-1: change to your own set of Images
//Preload recommended (no downloading check), otherwise may skip this
//For images within same dir, just set them like "yourimagename.ext" :

allpics=["http://vbarsan.com/sitemap.jpg","http://vbarsan.com/vsvb.gif","http://vbarsan.com/nsvb.gif","http://vbarsan.com/ntvb.gif","http://vbarsan.com/jsvb.gif"];
var preloadpics = new Array();
for(qq=0;qq<allpics.length;qq++){
preloadpics[qq]=new Image();
preloadpics[qq].src=allpics[qq];}

var leftimage=new Array();
//images-2: change to your own set of Hyperlinks and Images parameters
//remove <a ... > & </a> portions where no Hyperlink used
//if no preloading, replace below '+ preload... +' with the actual Images path "..."

leftimage[0]='<a href="http://vbarsan.com/"><img src='+preloadpics[0].src+' alt="Javascript News Scrollers" height=36 width=250></a>';
leftimage[1]='<a href="http://vertical-scroller.vbarsan.com/"><img src='+preloadpics[1].src+' alt="Javascript Vertical Scroller - Multiple Message Vertical Scroller 7.0" height=36 width=250></a>';
leftimage[2]='<a href="http://news-scroller.vbarsan.com/"><img src='+preloadpics[2].src+' height=36 width=250 alt="JavaScript Horizontal Scroller - Multiple Message Belt Conveyer v7.0"></a>';
leftimage[3]='<a href="http://news-ticker.vbarsan.com/"><img src='+preloadpics[3].src+' height=36 width=250 alt="Typewriter Ticker - Multiple Message Typewriter Scroller 7.0"></a>';
leftimage[4]='<a href="http://javascripts.vbarsan.com/"><img src='+preloadpics[4].src+' height=36 width=250 alt="Horizontal Scroller,Vertical Scroller and Typewriter Scroller Javascript Scripts"></a>';
//leftimage[...]=' ... ';
//-- end Parameters and Images -->

//-- ALGORITHM begins -->
for(mi=leftimage.length-1;mi>=0;mi--)
imagef=imagef+leftimage[mi];

var operbr=navigator.userAgent.toLowerCase().indexOf('opera');if(operbr==-1&&navigator.product&&navigator.product=="Gecko"){var agt = navigator.userAgent.toLowerCase();var rvStart = agt.indexOf('rv:');var rvEnd = agt.indexOf(')', rvStart);var check15 = agt.substring(rvStart+3, rvEnd);if(parseFloat(check15)>=1.8) operbr=0;}if(navigator.appVersion.indexOf("Mac")!=-1)operbr=0;

function goup(){if(sspeed!=rspeed*8){sspeed=sspeed*2;restart=sspeed;}}

<BODY onload="start();">

<SCRIPT language="javascript">document.write('<table border=2 align="center" bgcolor="#ccffcc"><tr><td bgcolor="#ffffcc"><div class=tabc><b><a class=tab href="#" onMouseOver="goup();">Speed<br>UP</a></b></div></td><td width='+swidth+'px>');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 class=slsh width='+swidth+' height='+sheight+'>SLIDING SHOW</layer><layer width='+swidth+' height='+sheight+' name="slider2" onMouseover="sspeed=0;" onMouseout="sspeed=rspeed"></layer></ilayer></span>');else {document.write('<div style="position:relative;overflow:hidden;width:'+swidth+'px;height:'+sheight+'px;clip:rect(0 '+swidth+'px '+sheight+'px 0);">');if(operbr!=-1)document.write('<div id="opslider" style="position:absolute;visibility:hidden;"></div>');else document.write('<div class=slsh style="position:absolute;width:'+swidth+'px;height:'+sheight+'px;">SLIDING SHOW</div>');document.write('<div id="slider" style="position:absolute;height:'+sheight+'px;" onMouseover="sspeed=0;" onMouseout="sspeed=rspeed"></div></div>');}</SCRIPT></td></tr></table>

</BODY></HTML>