Diaporama avec effet de fondu ?
Bonjour,
Je voudrais faire défiler des images, j'ai alors effectué une recherche et je suis tombé sur se site :
http://www.toulouse-renaissance.net/c_outils/c_diaporama.htm
En testant ce script sur ma machine, tout est parfait, les images sont prechargée au début et le dipo est nickel
En copiant le fichier sur le serveur !!!!! les images sont rechargée à chaque affichage, ce qui supprime l'effet de fondu !!!! je n'ai pas compris d'où provient le problème !!!!
Voici mon 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
|
<script>
var slideShowSpeed = 2000
var crossFadeDuration = 0.2
var Pic = new Array()
Pic[0]='upload/images/1.jpg';
Pic[1]='upload/images/2.jpg';
Pic[2]='upload/images/3.jpg';
Pic[3]='upload/images/4.jpg';
Pic[4]='upload/images/5.jpg';
var t
var j = 0
var p = Pic.length
var preLoad = new Array()
for (i = 0; i < p; i++){
preLoad[i] = new Image()
preLoad[i].src = Pic[i]
}
function runSlideShow(){
if (document.all){
document.images.SlideShow.style.filter="blendTrans(duration=2)"
document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)"
document.images.SlideShow.filters.blendTrans.Apply()
}
document.images.SlideShow.src = preLoad[j].src
if (document.all){
document.images.SlideShow.filters.blendTrans.Play()
}
j = j + 1
if (j > (p-1)) j=0
t = setTimeout('runSlideShow()', slideShowSpeed)
}
</script>
</head>
</SCRIPT>
</HEAD>
<BODY bgColor=#000000 onload=runSlideShow()><IMG height=100 src="upload/images/1.jpg" width=67 name=SlideShow> </BODY></HTML> |
