Création de diaporama

**solN39** · 11/04/2013, 22h55

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

**Bovino** · 12/04/2013, 08h19

Tu pourrais commencer par regarder du côté des contributions : Fondu enchainé.

**solN39** · 12/04/2013, 15h08

En fait j'ai déjà lu ce post, mais ce que je voulais savoir c'est comment intégrer l'option fondu enchainé sur mon script, parce qu'en fait il s'agit d'un script permettant d'insérer plusieurs diaporama sur une même page, j'aimerais donc pas tout changer juste rajouter ce qu'il faut sauf que comme je débute, je ne maitrise pas tout

Création de diaporama

JavaScript

Discussions similaires

Partager

Partager