Fondu-enchaîner.

Avec CSS (laisse-tomber javascript pour ce genre d'effet):

.image {
   -webkit-transition:0.7s;
   -moz-transition:0.7s;
   -ms-transition:0.7s;
   -o-transition:0.7s;
   transition:0.7s;
}

Désolé de te faire la remarque, mais j'ai vraiment du mal avec le "enchaîner" -> "enchaîné"
Modifié par juliendargelos (18 Apr 2013 - 20:10)

sinon en jquery il est possible de faire ce que l'on veut en matière de fondus
ex "prêt à cuire" :

$(document).ready(function(){
$(".img1, .img2").fadeTo(0,0);
setTimeout(function(){
	$(".img1").fadeTo(8000,1);}, 1000);
setTimeout(function(){
	$(".img1").fadeTo(8000,0);}, 4000);
setTimeout(function(){
	$(".img2").fadeTo(8000,1);}, 8000);
setTimeout(function(){
	$(".img2").fadeTo(8000,0);}, 12000);
});

il suffit de paramétrer setTimeout() (le délai en ms) et fadeTo() (le sens du dégradé d'affichage)