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 : Sélectionner tout - Visualiser dans une fenêtre à part
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>