Bonjour tout le monde,
Voila je suis actuellement entrain de développer un site web dans lequel j'ai placer un défilement d'images horizontale, malheureusement, le defilement des images fonctionne uniquement sous internet explorer. J'ai fait quelques recherches et je pensse que le probleme pourrait venir de l'utilisation du fameux "marquee".
Je voudrai donc savoir si quelqu'un pourrait m'aider à résoudre ce problème grace a une modification du code afin que le defilement ce fasse sur tous les navigateurs, Merci.
<script language="JavaScript1.2">
<!-- Begin
//largeur du curseur (en pixels)
var sliderwidth=850
//hauteur du curseur (Netscape)
var sliderheight=145
//vitesse de défilement
var slidespeed=4
//les images
var leftrightslide=new Array()
var finalslide=''
leftrightslide[0]='<a href="http://www.outils-web.com"><img src="images/def/1.jpg" border=4 style=border-color:990000></a>'
leftrightslide[1]='<a href="http://www.outils-web.com"><img src="images/def/2.jpg" border=4 style=border-color:990000></a>'
leftrightslide[2]='<a href="http://www.outils-web.com"><img src="images/def/3.jpg" border=4 style=border-color:990000></a>'
leftrightslide[3]='<a href="http://www.outils-web.com"><img src="images/def/4.jpg" border=4 style=border-color:990000></a>'
leftrightslide[4]='<a href="http://www.outils-web.com"><img src="images/def/5.jpg" border=4 style=border-color:990000></a>'
leftrightslide[5]='<a href="http://www.outils-web.com"><img src="images/def/6.jpg" border=4 style=border-color:990000></a>'
leftrightslide[6]='<a href="http://www.outils-web.com"><img src="images/def/7.jpg" border=4 style=border-color:990000></a>'
leftrightslide[7]='<a href="http://www.outils-web.com"><img src="images/def/8.jpg" border=4 style=border-color:990000></a>'
leftrightslide[8]='<a href="http://www.outils-web.com"><img src="images/def/9.jpg" border=4 style=border-color:990000></a>'
leftrightslide[9]='<a href="http://www.outils-web.com"><img src="images/def/10.jpg" border=4 style=border-color:990000></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 width = 850>'+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",450)
intializeleftrightslide()
}
if (document.all)
ieslider.scrollAmount=slidespeed
}
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()
}
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
// End -->
</script>
<ilayer width=&{sliderwidth}; height=&{sliderheight}; name="ns_slider01" visibility=hide>
<layer name="ns_slider02" onMouseover="slidespeed=0;" onMouseout="slidespeed=copyspeed"></layer>
</ilayer>
</HEAD>.