Bonsoir,

Avant tout chose je suis nouvelle sur ce forum alors d'avance pardon si le sujet n'est pas au bon endroit et si la discussion à déjà été abordée .

Je viens vers vous parce que je suis en train de créer un diaporama pour site internet, mais je souhaiterai que la transition entre les photos soit un fondu enchainé, or je n'arrive pas à savoir ce qu'il faut que j'ajoute et ou pour mettre cet effet.
Je vous met le code utilisé :

Code html : 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
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
<!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=UTF-8" />
<title>Document sans nom</title>
<head>
 
<script language="JavaScript">
 
<!--
 
 
 
var ie=1;
 
if (navigator.appName=="Netscape") ie=0;
 
 
 
function slide(name,tab_img,speed) {
 
	this.name=name;
 
	this.images=tab_img;
 
	this.nb_images=tab_img.length;
 
	this.index=0;
 
	this.speed=speed;
 
	this.create_img=create_img;
 
	this.change=change;
 
}
 
 
 
 
 
function create_img() {
 
	document.write('<img src="'+this.images[0]+'" name="'+this.name+'" Id="'+this.name+'" width="300" height="300" border="0" style="FILTER: progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=0.25,wipestyle=0,motion=forward)"/>');
 
	for (i=1;i<this.nb_images;i++) {
 
		document.write('<img src="'+this.images[i]+'" width="0" height="0" border="0"/>');
 
	}
 
}
 
 
 
 
 
function change() {
 
	this.index++;
 
	if (this.index==this.nb_images) {
 
		this.index=0;
 
	}
 
	this.obj=document.getElementById(this.name)
 
	if (ie) this.obj.filters[0].apply();
 
	this.obj.src = this.images[this.index];
 
	if (ie) this.obj.filters[0].play();
 
 
 
}
 
 
 
function ecrit_img() {
 
s1.create_img();
 
s2.create_img();
 
s3.create_img();
 
 
 
}
 
 
 
function start_slide() {
 
	window.setInterval("s1.change();",s1.speed);
 
	window.setInterval("s2.change();",s2.speed);
 
	window.setInterval("s3.change();",s3.speed);
 
}
 
 
 
s1 = new slide("slide1",Array("/Users/Solene/Sites/Site temporaire/Diaporarama/2.jpg","/Users/Solene/Sites/Site temporaire/Diaporarama/3.jpg","/Users/Solene/Sites/Site temporaire/Diaporarama/4.jpg","/Users/Solene/Sites/Site temporaire/Diaporarama/5.jpg"),2000);
 
s2 = new slide("slide2",Array("/Users/Solene/Sites/Site temporaire/Diaporarama/2.jpg","/Users/Solene/Sites/Site temporaire/Diaporarama/3.jpg","/Users/Solene/Sites/Site temporaire/Diaporarama/4.jpg","/Users/Solene/Sites/Site temporaire/Diaporarama/5.jpg"),3000);
 
s3 = new slide("slide3",Array("/Users/Solene/Sites/Site temporaire/Diaporarama/2.jpg","/Users/Solene/Sites/Site temporaire/Diaporarama/3.jpg","/Users/Solene/Sites/Site temporaire/Diaporarama/4.jpg","/Users/Solene/Sites/Site temporaire/Diaporarama/5.jpg"),4000);
 
//-->
 
</script>
 
</head>
 
<body onload="start_slide();">
 
<script language="JavaScript">
 
ecrit_img();
 
</script>
 
 
 
</body>
 
</html>

Merci d'avance