Image-Scroller
Buzz
- javascript
Hallo,
ich verwende einen Image-Scroller, welcher Bilder automatisch von rechts nach links scrollt. Leider funktioniert das nur im IE und Netscape.
Wie kann ich ihn Mozilla kompatibel machen?
Hier das Script:
<script language="JavaScript1.2">
<!--
var sliderwidth=400
var sliderheight=178
var slidespeed=5
var leftrightslide=new Array()
var finalslide=''
leftrightslide[0]='<a href="../../bilder/abi_projekte/stuhl01_einzelteile_xs.jpg" target="_blank"><img src="../../bilder/abi_projekte/stuhl01_einzelteile_xs.jpg" border="0"></a>'
leftrightslide[1]='<a href="../../bilder/abi_projekte/stuhl01_hinten_xs.jpg" target="_blank"><img src="../../bilder/abi_projekte/stuhl01_hinten_xs.jpg" border="0">'
leftrightslide[2]='<a href="../../bilder/abi_projekte/stuhl01_einzelteile_xs.jpg" target="_blank"><img src="../../bilder/abi_projekte/stuhl01_einzelteile_xs.jpg" border="0"></a>'
var copyspeed=slidespeed
for (i=0;i<leftrightslide.length;i++)
finalslide=finalslide+leftrightslide[i]+""
if (document.all){
document.write('<marquee id="ieslider" scrollAmount=0 style="width:'+sliderwidth+'">'+finalslide+'</marquee>')
ieslider.onmouseover=new Function("ieslider.scrollAmount=0")
ieslider.onmouseout=new Function("if (document.readyState=='complete') ieslider.scrollAmount=slidespeed")
}
function regenerate(){
window.location.reload()
}
function regenerate2(){
if (document.layers){
document.ns_slider01.visibility="show"
setTimeout("window.onresize=regenerate",200)
intializeleftrightslide()
}
if (document.all)
ieslider.scrollAmount=slidespeed
}
//NS specific function
function intializeleftrightslide(){
document.ns_slider01.document.ns_slider02.document.write('<nobr>'+finalslide+'</nobr>')
document. ns_slider01.document.ns_slider02.document.close()
thelength=document.ns_slider01.document.ns_slider02.document.width
scrollslide()
}
//NS specific function for sliding slideshow
function scrollslide(){
if (document.ns_slider01.document.ns_slider02.left>=thelength*(-1)){
document.ns_slider01.document.ns_slider02.left-=slidespeed
setTimeout("scrollslide()",100)
}
else{
document.ns_slider01.document.ns_slider02.left=sliderwidth
scrollslide()
}
}
window.onload=regenerate2
//-->
</script>
<ilayer width=&{sliderwidth}; height=&{sliderheight}; name="ns_slider01" visibility=hide>
<layer name="ns_slider02" onMouseover="slidespeed=0;" onMouseout="slidespeed=copyspeed">
</layer>
</ilayer>