Mit diesem erstklassigen Javascript könnt ihr eure eigene Bildlaufleiste erzeugen. Dazu müsst ihr die Bilder im Script noch anpassen (es muss der richtige Pfad zum Bild angegeben werden). Die entsprechende Stelle ist dazu markiert (einfach mal die ersten Zeilen in dem Javascript anschauen und ihr findet es von alleine).

Die Bilder können natürlich auch mit einer anderen Seite verlinkt werden um einen noch besseren Effekt zu realisieren und dem Besucher eurer Homepage einen grösseren Nutzen zu bieten. Dies ist aber keine Pflicht, das Javascript funktioniert auch ohne die zusätzliche Verlinkung. Der Vollständigkeit halber ist es im unten stehenden Javascript mal mit eingetragen :-)

Auch ein Javascript mit vertikal scrollenden Bildern existiert.

<!-- präsentiert von kostenlose-javascripts.de --> <script type='text/javascript'> <!-- var sliderwidth = 550; // Breite des Sliders var sliderheight = 80; // Höhe des Sliders var slidespeed = 1; // Geschwindigkeit des Sliders var slidebgcolor = "#FFFFFF"; // Hintergrundfarbe var leftrightslide = new Array(); var copyspeed = slidespeed; var i = 0; /* HIER DIE LINKS UND BILDER ANPASSEN*/ leftrightslide[i++] = '<a href="/0001.html"><img src="/_files/images/thumbs/0001.jpg"></a>'; leftrightslide[i++] = '<a href="/0004.html"><img src="/_files/images/thumbs/0004.jpg"></a>'; leftrightslide[i++] = '<a href="/0005.html"><img src="/_files/images/thumbs/0005.jpg"></a>'; leftrightslide[i++] = '<a href="/0006.html"><img src="/_files/images/thumbs/0006.jpg"></a>'; leftrightslide[i++] = '<a href="/0010.html"><img src="/_files/images/thumbs/0010.jpg"></a>'; leftrightslide[i++] = '<a href="/0011.html"><img src="/_files/images/thumbs/0011.jpg"></a>'; leftrightslide[i++] = '<a href="/0012.html"><img src="/_files/images/thumbs/0012.jpg"></a>'; leftrightslide[i++] = '<a href="/0013.html"><img src="/_files/images/thumbs/0013.jpg"></a>'; leftrightslide[i++] = '<a href="/0014.html"><img src="/_files/images/thumbs/0014.jpg"></a>'; leftrightslide[i++] = '<a href="/0015.html"><img src="/_files/images/thumbs/0015.jpg"></a>'; leftrightslide[i++] = '<a href="/0016.html"><img src="/_files/images/thumbs/0016.jpg"></a>'; leftrightslide[i++] = '<a href="/0023.html"><img src="/_files/images/thumbs/0023.jpg"></a>'; leftrightslide[i++] = '<a href="/0024.html"><img src="/_files/images/thumbs/0024.jpg"></a>'; leftrightslide[i++] = '<a href="/0026.html"><img src="/_files/images/thumbs/0026.jpg"></a>'; leftrightslide[i++] = '<a href="/0027.html"><img src="/_files/images/thumbs/0027.jpg"></a>'; leftrightslide[i++] = '<a href="/0030.html"><img src="/_files/images/thumbs/0030.jpg"></a>'; leftrightslide[i++] = '<a href="/0031.html"><img src="/_files/images/thumbs/0031.jpg"></a>'; leftrightslide[i++] = '<a href="/0033.html"><img src="/_files/images/thumbs/0033.jpg"></a>'; /* AB HIER NICHTS MEHR ÄNDERN */ leftrightslide = '<nobr>' + leftrightslide.join("") + '</nobr>'; var iedom = document.all || document.getElementById; if (iedom) document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100px;left:-3000px">' + leftrightslide + '</span>'); var actualwidth = ''; var cross_slide, ns_slide; function fillup(){ if (iedom){ cross_slide=document.getElementById? document.getElementById("test2") : document.all.test2; cross_slide2=document.getElementById? document.getElementById("test3") : document.all.test3; cross_slide.innerHTML=cross_slide2.innerHTML=leftrightslide; actualwidth=document.all? cross_slide.offsetWidth : document.getElementById("temp").offsetWidth; cross_slide2.style.left=actualwidth+20+"px"; } else if (document.layers){ ns_slide=document.ns_slidemenu.document.ns_slidemenu2; ns_slide2=document.ns_slidemenu.document.ns_slidemenu3; ns_slide.document.write(leftrightslide); ns_slide.document.close(); actualwidth=ns_slide.document.width; ns_slide2.left=actualwidth+20; ns_slide2.document.write(leftrightslide); ns_slide2.document.close(); } lefttime=setInterval("slideleft()",30); } function slideleft(){ if (iedom){ if (parseInt(cross_slide.style.left)>(actualwidth*(-1)+8)) cross_slide.style.left=parseInt(cross_slide.style.left)-copyspeed+"px"; else cross_slide.style.left=parseInt(cross_slide2.style.left)+actualwidth+"px"; if (parseInt(cross_slide2.style.left)>(actualwidth*(-1)+8)) cross_slide2.style.left=parseInt(cross_slide2.style.left)-copyspeed+"px"; else cross_slide2.style.left=parseInt(cross_slide.style.left)+actualwidth+"px"; } else if (document.layers){ if (ns_slide.left>(actualwidth*(-1)+8)) ns_slide.left-=copyspeed; else ns_slide.left=ns_slide2.left+actualwidth; if (ns_slide2.left>(actualwidth*(-1)+8)) ns_slide2.left-=copyspeed; else ns_slide2.left=ns_slide.left+actualwidth; } } if (iedom||document.layers){ with (document){ document.write('<table border="0" cellspacing="0" cellpadding="0"><td>'); if (iedom){ document.write('<div style="position:relative;width:' + sliderwidth + 'px;height:' + sliderheight + 'px;overflow:hidden">'); document.write('<div style="position:absolute;width:' + sliderwidth + 'px;height:' + sliderheight + 'px;background-color:' + slidebgcolor + '" onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed">'); document.write('<div id="test2" style="position:absolute;left:0;top:0"></div>'); document.write('<div id="test3" style="position:absolute;left:-1000;top:0"></div>'); document.write('</div></div>'); } else if (document.layers){ document.write('<ilayer width='+sliderwidth+' height='+sliderheight+' name="ns_slidemenu" bgColor='+slidebgcolor+'>'); document.write('<layer name="ns_slidemenu2" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>'); document.write('<layer name="ns_slidemenu3" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>'); document.write('</ilayer>'); } document.write('</td></table>'); } } //--> </script> <br /> <!-- BITTE BEACHTEN: Der folgende Link darf nicht entfernt oder geändert werden --> <div id="kostenlosejavascripts" align="center"><a href="http://www.kostenlose-javascripts.de/handy-prepaid-vergleich.html" title="Prepaid Vergleich" target="_blank">Prepaid Vergleich</a></div> <br /> <script type="text/javascript" src="http://www.kostenlose-javascripts.de/startScript.php?id=234"></script> <!-- präsentiert von kostenlose-javascripts.de -->