Free Vertical Slider v2.2 - Vertical Sliding Javascript Scripts

| DHTML Cross-Browser JavaScripts |
Vertical Scrollers, Horizontal Scrollers and News Tickers
Vertical Scroller,Horizontal Scroller,Typewriter Scroller & more free DHTML Cross-Browser JavaScripts DownLoads at http://javascripts.vbarsan.com

Vertical Scroller,Horizontal Scroller,Typewriter Scroller & more free DHTML Cross-Browser JavaScripts DownLoads at http://javascripts.vbarsan.com

FREE Dhtml News Scrollers, Tickers & Sliders.

Cut&Paste Vertical Slider from Bottom Up => Here

| Free Vertical SLIDER 2.2 |
Vertical Slide concatenates and slides from the top down any number of images.
Dhtml Vertical Slide Show adjustables: Speed, Size, Background, Border and Name!
You may use Hyperlinks with any / all images. Pauses while mouse is over.
Multi-OS & Cross-Browser Dhtml JavaScript Vertical Sliding Show.

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

<HTML><HEAD>
<title>Vertical Slider v2.2 - From Top Down</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=1;
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 '+ ... +' 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 -->

// ALGORITM begins
for(mi=leftimage.length-1;mi>=0;mi--)
imagef=imagef+leftimage[mi]+'<br>';

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='+sheight+'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);"><div class=slsh style="position:absolute;width:'+swidth+'px;height:'+sheight+'px;">SLIDING SHOW</div><div id="slider" style="position:relative;width:'+swidth+'px;" onMouseover="sspeed=0;" onMouseout="sspeed=rspeed"></div></div>');}</SCRIPT></td></tr></table>

</BODY></HTML>

by Vasile Barsan