»
EnglishFrenchVietnamese

Print - Vertical Slide Show from top down - JavaScriptBank.com

Full version: jsB@nk » Scrollers » Vertical scroller » Vertical Slide Show from top down
URL: http://www.javascriptbank.com/vertical-slide-show-from-top-down.html

Vertical Slide Show from top down © JavaScriptBank.comCross-Browser Dhtml JavaScript Vertical Slide Show concatenates and slides from the top down any number of images. Adjustable: Size, Background, Border and Speed (Live too with mouse over text). Pauses while mouse is over - it also gets to original speed. You may use Hyperlinks with any / all images. Vertical Slider is Multi-OS and Cross-Browser compatible script.

Full version: jsB@nk » Scrollers » Vertical scroller » Vertical Slide Show from top down
URL: http://www.javascriptbank.com/vertical-slide-show-from-top-down.html



JavaScript
<SCRIPT language=JavaScript>if(top.location != self.location)top.location.replace(self.location);</SCRIPT><SCRIPT language=javascript>//If using any portion of this DEMO script,//one must insert along this notice too:/********************************          http://vbarsan.com/*   This notice may not be removed ********************************/var swidth=240;var sheight=50;var sspeed=1;var resspeed=sspeed;var restart=sspeed;var rspeed=sspeed;var imagef='';preload1 = new Image();preload1.src = "../image/gif_logojsb2.gif";preload2 = new Image();preload2.src = "../image/gif_logojsb.gif";preload3 = new Image();preload3.src = "../image/gif_logojsb2.gif";var leftimage=new Array();leftimage[0]='<a href="http://javascriptbank.com"><img src='+preload1.src+' width=236 height=47 alt="JavaScript Bank"></a>';leftimage[1]='<a href="http://javascriptbank.com"><img src='+preload2.src+' width=236 height=47 alt="JavaScript Bank"></a>';leftimage[2]='<a href="http://javascriptbank.com"><img src='+preload3.src+' width=236 height=47 alt="JavaScript Bank"></a>';for(mi=leftimage.length-1;mi>=0;mi--)imagef=imagef+leftimage[mi]+'<br>';function goup(){if(sspeed!=rspeed*8){sspeed=sspeed*2;restart=sspeed;}}function start(){if(document.getElementById){tdiv6=document.getElementById('slider');tdiv6.innerHTML=imagef;thel=tdiv6.offsetHeight;tdiv6.style.top=-thel;slidens6();}else if(document.all){tdivie=slider;tdivie.innerHTML=imagef;thel=tdivie.offsetHeight;tdivie.style.pixelTop=-thel;slideie();}else if(document.layers){tdivns4=document.slider1.document.slider2;tdivns4.document.write(imagef);tdivns4.document.close();thel=tdivns4.document.height;tdivns4.top=-thel;slidens4();}}function slidens4(){if(tdivns4.top<=sheight){tdivns4.top+=sspeed;setTimeout("slidens4()",100);}else{tdivns4.top=-thel;slidens4();}}function slideie(){if(tdivie.style.pixelTop<=sheight){tdivie.style.pixelTop+=sspeed;setTimeout("slideie()",100);}else{tdivie.style.pixelTop=-thel;slideie();}}function slidens6(){if(parseInt(tdiv6.style.top)<=sheight){tdiv6.style.top=parseInt(tdiv6.style.top)+sspeed;setTimeout("slidens6()",100);}else{tdiv6.style.top=-thel;slidens6();}}</SCRIPT><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


HTML
<BODY onload=start();><DIV class=tab><A class=tab href="http://vbarsan.com/" target=_self>|<U> DHTML Cross-Browser JavaScripts |</U><BR>Vertical Scrollers,Horizontal Scrollers and Tickers</A></DIV><BR><SCRIPT language=javascript>document.write('<table border=1 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+'>');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=tabt width='+swidth+' height='+sheight+'>SLIDING SHOW</layer><layer width='+swidth+' height='+sheight+' 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 class=tabt style="position:absolute;width:'+swidth+';height:'+sheight+';">SLIDING SHOW</div><div id="slider" style="position:relative;width:'+swidth+';" onMouseover="sspeed=0;" onMouseout="sspeed=resspeed"></div></div>');}</SCRIPT></TD></TR></TABLE></fieldset></center><SCRIPT language=JavaScript>function ctrlA0(corp) {with(corp){focus(); select()}if(document.all){txt=corp.createTextRange()txt.execCommand("Copy")window.status='Text copied to clipboard'}else window.status='Press ctrl-c to copy the text to the clipboard'setTimeout("window.status=''",5000)}</SCRIPT></body><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->