Bonjour tout le monde,

J'aurai besoin de votre aide pour finaliser mon code.

J'aimerai réalisé un fondu enchainé entre le changement de mes images je sais pas si cela est possible avec mon code actuel j'ai essayé plusieurs méthode sans succès.

Voici mon bout de code qui fonctionne parfaitement :

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
<html> 
<head> 
<title> 
</title> 
</head> 
 
<SCRIPT language=JavaScript1.1> 
 
// Dossier où se situent les images 
var dossier="images"; 
 
// Le tableau qui va contenir les images. 
var tab_images=new Array(); 
tab_images[0]=[dossier+"/image2.JPG", "accueil.html"]; 
tab_images[1]=[dossier+"/image3.JPG", "accueil.html"]; 
tab_images[2]=[dossier+"/image1.JPG", "accueil.html"]; 
 
 
// Le délai de passage d'une image à l'autre en millisecondes -> 1s=1000 
var delai=3000; 
 
// Variable de compteur qui indiquera à quelle image on se trouve 
var compteur=1; 
 
// La fonction qui va permettre le défilement 
function Diaporama(){ 
// partie où on applique les filtres propres à IE 
document.images.diaporama.src=tab_images[compteur][0]; 
document.getElementById("linkTo").href = tab_images[compteur][1]; 
// On incrémente le compteur de 1 pour passer à l'image suivante 
compteur++; 
// Si on a atteint la dernière image, on remet à zéro le compteur et on rappelle la fonction Diaporama()
 if (compteur==tab_images.length) 
compteur=0; 
setTimeout("Diaporama()",delai) 
} 
// On charge au démarrage de la page la fonction de défilement des images 
window.onload=new Function("setTimeout('Diaporama()',delai)") 
</SCRIPT> 
 
<body> 
<a id="linkTo" href="accueil.html"> 
<IMG src="image1.JPG" name=diaporama border="0"/> 
</a> 
</body> 
</html>
Merci d'avance.