Discussion :

[lebelfortain1]

Salut !
J'ai un magnifique diaporama sur mon site internet et je souhaiterai garder l'original et rajouter "ce qu'il faut" pour qu'il y ai un effet de fondu. Le problème c'est que je ne sais pas du tout comment faire. Y aurait t il une âme charitable qui pourrais m'indiquer la procédure à suivre ?
voici mon script :

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
<SCRIPT LANGUAGE="JavaScript">
<!--
var timeDelay = 5;

var Pix = new Array
("site-internet-boulevard-du-littoral/images/terrassepin.jpg","site-internet-boulevard-du-littoral/images/structuretoitchalet.jpg","site-internet-boulevard-du-littoral/images/siegenoir.jpg","site-internet-boulevard-du-littoral/images/saintnazpot.jpg","site-internet-boulevard-du-littoral/images/rondin.jpg","site-internet-boulevard-du-littoral/images/pyramide.jpg","site-internet-boulevard-du-littoral/images/velorencontre.jpg"
);
var howMany = Pix.length;
timeDelay *= 1000;
var PicCurrentNum =0;
var PicCurrent = new Image();
PicCurrent.src = Pix[PicCurrentNum];
function startPix() {
setInterval("slideshow()", timeDelay);
}
function slideshow() {
PicCurrentNum++;
if (PicCurrentNum == howMany) {
PicCurrentNum =0;
}
PicCurrent.src = Pix[PicCurrentNum];
document["ChangingPix"].src = PicCurrent.src;
}
//  End -->
  </script>
        <img name="ChangingPix" src="site-internet-boulevard-du-littoral/images/velorencontre.jpg" /></p>

[lebelfortain1]

Personne ?

[fab256]

filter opacity pour IE et moz opacity pour FFX
Pour avoir l'effet fondu, tu fait varier une variable nOpacity de .99 a 0 ou inversement

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
PicCurrent.style.opacity = nOpacity;
PicCurrent.style.MozOpacity = nOpacity;
PicCurrent.style.filter = 'alpha(opacity=' + (nOpacity*100) + ')';

[lebelfortain1]

merci beaucoup pour ta réponse.
Je suis très débutant alors est ce que tu peux me dire où est ce que je dois mettre les lignes que tu m'as donné car ca ne fonctionne pas..

[lebelfortain1]

je suis allé regarder des scripts avec la variable dont tu parles mais je n'y comprend rien...
peux tu m'écrir ce qu'il faut stp, car je vais jamais y arriver...

[fab256]

Pour faire un fondu, il te faut deux photos. dans ton programme

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document["ChangingPix"].src = PicCurrent.src;

L'ancienne image est tout de suite remplacée par la nouvelle. Tu doit la garder en rabaissant son opacité jusqu'a 0 (invisible) et au meme temps augmenté l'opacité de la nouvelle photo en commencant de 0 en allant vers 1.
Regarde cette exemple

Le code Javascript est ici

Le code css est ici

[lebelfortain1]

Merci ca fonctionne !