[DOM] Compatibilité Javascript et Firefox
Bonjour,
J'ai un petit problème avec un code Javascript trouvé sur le net. Ce script a pour but de faire défiler des images de la droite vers la gauche, et de s'arrêter (se mettre en pause) lorsque la souris survole la zone de défilement.
Je compte utiliser ce script pour faire défiler des logos partenaires en bas de page d'un site, mais mon soucis est qu'il semble ne pas fonctionner sous Firefox. Est-ce quelqu'un a une idée de pourquoi?
Voici le code :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Mon défilement d'images</title>
</head>
<body>
<script language="JavaScript1.2">
<!-- Begin
//largeur du curseur (en pixels)
var sliderwidth=330
//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.monsite.com"><img src="1.gif" border=1></a>'
leftrightslide[1]='<a href="http://www.monsite.com"><img src="2.gif" border=1></a>'
leftrightslide[2]='<a href="http://www.monsite.com"><img src="3.gif" border=1></a>'
leftrightslide[3]='<a href="http://www.monsite.com"><img src="4.gif" border=1></a>'
leftrightslide[4]='<a href="http://www.monsite.com"><img src="5.gif" border=1></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",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>
</body>
</html> |
