[Beschreibung]
Eine horizontale Slideshow, die bei Mouseover stoppt. Mit Linkfunktion
[Kompatibilität]
[Code]
<style type="text/css"> .tabc {font-weight:bold; font-size:12px; font-family:Arial;color:navy;} .slsh { font-weight:bold; font-size:18px; font-family:Arial;color:red;TEXT-ALIGN: center;} </style> <SCRIPT language="javascript"> var swidth=310; //Breite der Slideshow var sheight=47; //Höhe der Slideshow var sspeed=2; //Geschwindigkeit var resspeed=sspeed; var scolor="#ccffcc"; //Hintergrundfarbe var sborder="2"; //Rahmenbreite var imagef=''; preload1 = new Image(); preload1.src = "IhreGrafik.gif"; preload2 = new Image(); preload2.src = "IhreGrafik.gif"; preload3 = new Image(); preload3.src = "IhreGrafik.gif"; var leftimage=new Array(); leftimage[0]='<a href="http://www.IhrLi.nk"><img src='+preload1.src+' width=310 height=47 alt="IhrAltText"></a>'; leftimage[1]='<a href="http://www.IhrLi.nk"><img src='+preload2.src+' width=310 height=47 alt="IhrAltText"></a>'; leftimage[2]='<a href="http://www.IhrLi.nk"><img src='+preload3.src+' width=310 height=47 alt="IhrAltText"></a>'; for (mi=0;mi<leftimage.length;mi++) imagef=imagef+leftimage[mi]; /************************************* * http://members.rogers.com/bazil/ * * This notice may not be removed. * *************************************/ function start(){ if(document.all) firstie(slider); else if(document.getElementById) firstns6(document.getElementById('slider')); else if(document.layers) firstns4(document.slider1.document.slider2); } var operbr=navigator.userAgent.toLowerCase().indexOf('opera'); function firstns4(whichdiv){ tdivns4=eval(whichdiv); tdivns4.document.write('<nobr>'+imagef+'</nobr>'); tdivns4.document.close(); thel=tdivns4.document.width; tdivns4.left=swidth; slidens4(); } function slidens4(){ if(tdivns4.left>=thel*(-1)){ tdivns4.left-=sspeed; setTimeout("slidens4()",100); }else{ tdivns4.left=swidth; slidens4();} } function firstie(whichdiv){ tdivie=eval(whichdiv); tdivie.innerHTML=('<nobr>'+imagef+'</nobr>'); thel=tdivie.offsetWidth; tdivie.style.pixelLeft=swidth; slideie(); } function slideie(){ if(tdivie.style.pixelLeft>=thel*(-1)){ tdivie.style.pixelLeft-=sspeed; setTimeout("slideie()",100); }else{ tdivie.style.pixelLeft=swidth; slideie(); } } function firstns6(whichdiv){ tdiv6=eval(whichdiv); tdiv6.innerHTML=('<nobr>'+imagef+'</nobr>'); thel=tdiv6.offsetWidth; tdiv6.style.left=swidth; slidens6(); } function slidens6(){ if(parseInt(tdiv6.style.left)>=thel*(-1)){ tdiv6.style.left=parseInt(tdiv6.style.left)-sspeed; setTimeout("slidens6()",100); }else{ tdiv6.style.left=swidth; slidens6(); } } </SCRIPT>
onload="start();"
<div class="slsh" align="center"> <u>Horizontal Slider V2.1</u> </div> <br> <div class="tabc" align="center">Adjust: Speed, Size, Background, Border and Name!</div> <div class="tabc" align="center">Pauses while mouse is over. Allows for Hyperlinks.</div> <SCRIPT language="javascript"> document.write('<table border='+sborder+' align="center" bgcolor='+scolor+'><tr><td width='+swidth+'>') ;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=resspeed"></layer></ilayer></span>'); else{ document.write('<div style="position:relative;overflow:hidden;width:'+swidth+';height:'+sheight+';clip:rect(0 '+swidth+' '+sheight+' 0);">'); if(operbr==-1)document.write('<div class=slsh style="position:absolute;width:'+swidth+';height:'+sheight+';">SLIDING SHOW</div>'); document.write('<div id="slider" style="position:relative;width:'+swidth+';height:'+sheight+';" onMouseover="sspeed=0;" onMouseout="sspeed=resspeed"></div>'); if(operbr!=-1)document.write('<div class=slsh style="position:absolute;width:'+swidth+';height:'+sheight+';">SLIDING SHOW</div>'); document.write('</div>'); } </SCRIPT> </td> </tr> </table> <br> <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>
http://members.rogers.com/bazil/
Kopieren Sie bitte den Code