[Beschreibung]
Eine horizontale Slideshow, die bei Mouseover stoppt. Mit Linkfunktion
[Kompatibilität]
[Code]
<SCRIPT language="javascript"> /********************************************************** * Based on a script from http://members.rogers.com/bazil/ * * Copyright by N8i (http://unix.nightfire.ch) * * This notice may not be removed. * **********************************************************/ var swidth=339; //Breite der Slideshow var sheight=150; //Höhe der Slideshow var sspeed=2; //Geschwindigkeit var sldcnt=0; var the1; var resspeed=sspeed; var scolor="#00468c"; //Hintergrundfarbe var sborder="2"; //Rahmenbreite var imagef=''; var imagef2=''; preload1 = new Image(); preload1.src = "IhreGrafik.jpg"; preload2 = new Image(); preload2.src = "IhreGrafik.jpg"; preload3 = new Image(); preload3.src = "IhreGrafik.jpg"; //Fügen Sie nach demselben Schema beliebig viele weitere Grafiken hinzu var leftimage=new Array(); leftimage[0]='<a href="http://www.IhrLi.nk"><img src='+preload1.src+' width=113 height=150 alt="IhrAltText"></a>'; leftimage[1]='<a href="http://www.IhrLi.nk"><img src='+preload2.src+' width=113 height=150 alt="IhrAltText"></a>'; leftimage[2]='<a href="http://www.IhrLi.nk"><img src='+preload3.src+' width=113 height=150 alt="IhrAltText"></a>'; for (mi=0;mi<leftimage.length;mi++) imagef=imagef+leftimage[mi]; imagef2 = imagef var operbr=navigator.userAgent.toLowerCase().indexOf('opera'); function start(){ if(document.getElementById) firstdom(document.getElementById('slider')); } function firstdom(whichdiv){ tdiv6=eval(whichdiv); tdiv6.innerHTML=('<nobr>'+imagef+'</nobr>'); thel=tdiv6.offsetWidth; tdiv6.style.left=swidth; slidedom(); } function slidedom(){ sldcnt+=sspeed; if (sldcnt>swidth){ imagef2 = imagef2 + imagef; tdiv6.innerHTML=('<nobr>'+imagef2+'</nobr>'); thel=tdiv6.offsetWidth; sldcnt=0 } //if(parseInt(tdiv6.style.left)>=thel*(-1)){ tdiv6.style.left=parseInt(tdiv6.style.left)-sspeed; setTimeout("slidedom()",100); } </SCRIPT>
onload="start()"
<SCRIPT language="javascript"> document.write('<table border='+sborder+' align="center" bgcolor='+scolor+'><tr><td width='+swidth+'>'); 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>
N8i (www.nightfire.ch)
Kopieren Sie bitte den Code