Discussion :

[Bovino]

Code :

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

setInterval(function(){monFondu.change(true);},2500)

[moul0ud]

Ouaih, ça marche mieux d'un coup...

Merci de ton aide.

[rmist]

Bonjour Bovino,

merci pour ce code qui a le mérite d'être très simple et quasi compréhensible par des nuls comme moi

Si tu as le temps et l'envie de répondre, j'aimerais savoir comment modifier les paramètres de fondu pour avoir un fondu comme suit :

avoir un temps fixe entre le commencement du changement d'opacité (disons 4 secondes)
avoir un temps global de transition d'une image à l'autre (disons 2 secondes)

J'ai essayé de modifier les constante mais étant donné que je ne connais pas les fonction JS associées aux constantes je n'arrive pas à mes fins.

Merci encore.

RMIST

[sacapuss2]

Bonjour !

j'ai écrit un fondu au transparent. Il fonctionne parfaitement bien :

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
 
Array.prototype.fondu2transparent=function(opas,sens,periode,laps,images) 
{ 
var fondables=this;
var images=images||[]; 
 
var opas=opas||.005;
var periode=periode||2; 
var sens=sens||1; 
var laps=laps||2; 
 
for(var i=0; i<periode; i++)
{
images[i]=images[i]||fondables.tirer();
images[i].style.opacity=images[i].style.opacity*1+(i?-1:1)*sens*opas; 
 
if(images[i].style.opacity>periode)
{
while((images[(i+1)%periode].src=fondables.tirer().src)==images[i].src); 
sens*=-1;
}
}
 
setTimeout(function(){fondables.fondu2transparent(opas,sens,periode,laps,images)},laps);
}

Ce script dérive d'une fonction 'fondu-enchainé' qui est très peu différent, mais que je ne retrouve plus.

Auriez-vous une idée de la manière de modifier légèrement 'fondu2transparent', pour que l'image de dessous s'allume, en même temps que l'image de dessus s'éteint, et non pas après, comme avec 'fondu2transparent' ?

Merci de votre contribution !

[dragonno]

Et si tu faisais display=none à partir d'une certaine valeur minimale d'opacité ?