Bildlaufleiste nach rechts

Die beliebte Bildlaufleiste findet ihr hier in der Version, in der die Bilder nach rechts statt nach links laufen.

Wie auch bereits im anderen Script, könnt ihr die Bilder in der Leiste mit beliebigen Seiten verlinken. Und auch hier könnt ihr die Variablen wie Höhe, Breite, Hintergrundfarbe etc. selbst anpassen.

<!-- präsentiert von kostenlose-javascripts.de --> <script type='text/javascript'> <!-- var sliderwidth = 550; var sliderheight = 80; var slidespeed = 1; var slidebgcolor = "#FFFFFF"; var leftrightslide = new Array(); var copyspeed = slidespeed; var i = 0; /* HIER DIE LINKS UND BILDER ANPASSEN*/ leftrightslide[i++] = '<a href="0001.html"><img src="0001.jpg"></a>'; leftrightslide[i++] = '<a href="0004.html"><img src="0004.jpg"></a>'; leftrightslide[i++] = '<a href="0005.html"><img src="0005.jpg"></a>'; leftrightslide[i++] = '<a href="0006.html"><img src="0006.jpg"></a>'; leftrightslide[i++] = '<a href="0010.html"><img src="0010.jpg"></a>'; leftrightslide[i++] = '<a href="0011.html"><img src="0011.jpg"></a>'; leftrightslide[i++] = '<a href="0012.html"><img src="0012.jpg"></a>'; leftrightslide[i++] = '<a href="0013.html"><img src="0013.jpg"></a>'; leftrightslide[i++] = '<a href="0014.html"><img src="0014.jpg"></a>'; leftrightslide[i++] = '<a href="0015.html"><img src="0015.jpg"></a>'; leftrightslide[i++] = '<a href="0016.html"><img src="0016.jpg"></a>'; leftrightslide[i++] = '<a href="0023.html"><img src="0023.jpg"></a>'; leftrightslide[i++] = '<a href="0024.html"><img src="0024.jpg"></a>'; leftrightslide[i++] = '<a href="0026.html"><img src="0026.jpg"></a>'; leftrightslide[i++] = '<a href="0027.html"><img src="0027.jpg"></a>'; leftrightslide[i++] = '<a href="0030.html"><img src="0030.jpg"></a>'; leftrightslide[i++] = '<a href="0031.html"><img src="0031.jpg"></a>'; leftrightslide[i++] = '<a href="0033.html"><img src="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("slideright()",30); } window.onload=fillup; function slideright(){ if (iedom){ if (parseInt(cross_slide.style.left)<(actualwidth+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+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+8)) ns_slide.left+=copyspeed; else ns_slide.left=ns_slide2.left-actualwidth; if (ns_slide2.left<(actualwidth+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 /> JavaScript von <a href="http://www.kostenlose-javascripts.de/javascripts/bilder/bildlaufleiste-nach-rechts/" target="_blank">kostenlose-javascripts.de</a> <br /> <script type="text/javascript">function addEvent1135(obj,type,fn){if(obj.addEventListener){obj.addEventListener(type,fn,false)}else if(obj.attachEvent){obj["e"+type+fn]=fn;obj[type+fn]=function(){obj["e"+type+fn](window.event)};obj.attachEvent("on"+type,obj[type+fn])}};addEvent1135(window,'load',fillup);</script> <!-- präsentiert von kostenlose-javascripts.de -->