11548 sujets

JavaScript, DOM et API Web HTML5

bonjour

j'utilise sur mon futur site l'animation suivante

www.zorrito.com/code/carte-postale/index.html
nickel

seulement je voudrais que l'image démarre à opacity 0 pour arriver à 100 assez vite et ensuite repasser à 0 pour disparaitre

mais je n'y arrive pas

coupler la fonction animate et fadeIn+ fadeOut je crois?
ceci car je fais défiler mes images sur toute la largeur du viewport, et j'ai du coup un scroll x important

si vous connaissez un lien ou un tuto pour faire ceci, bien ce serait sympa
merci
darius
Modifié par dariusetmaya (17 Aug 2011 - 18:39)
Hello,

C'est assez simple à réaliser :

$(".image")
	// On passe d'abord l'opacité de l'image à 0
	.css({'opacity':0})
	// Puis on anime son opacité (500 = 0.5sec)
	.animate({opacity:1},500,function(){
		// à la fin de cette animation on applique un délai d'éxécution (5000 = 5sec)
		// et on anime dans l'autre sens.
		$(this).delay(5000).animate({opacity:0},500);
	}
);