Une fois le chargement de la page terminé, j'aimerais qu'une image se fondre dans une autre. Pas en boucle, juste une fois.Fondu enchaîné entre deux images à la page de chargement puis d'arrêt
L'effet je voudrais créer peut être vu ici:
Je suis sûr qu'il doit être assez simple en utilisant jQuery?
Merci à l'avance
Vous pouvez commuter entre deux images en les positionnant au même endroit en utilisant le CSS, puis en appelant fadeIn() et fadeOut() en utilisant jQuery.
Par exemple:
$(function() {
$('img.OldImage').fadeOut();
$('img.NewImage').fadeIn();
});
Puis-je utiliser fadeTo? – Anthony
@Anthony: Oui, mais ce ne sera pas différent. – SLaks
Pour développer mon commentaire ci-dessus, est-ce que je pourrais utiliser fadeTo() puisque j'utilise seulement deux images? Les deux images sont-elles placées les unes au-dessus des autres en utilisant CSS et l'image supérieure est-elle fondue en opacité 0? $ (document) .ready (function() { $ ('img.TopImage') retard (500) .fadeTo ('normal', 0);. }); Est-ce correct? Est-ce que cela s'appliquerait à l'image avec la classe .TopImage appliquée? – Anthony
Essayez ceci:
$(document).ready(function(){
$(function() {
$('.byeIMG').fadeOut("slow");
$('.heyIMG').fadeIn("slow");
});
});
Vous ne pouvez pas flou dans jQuery. – SLaks
Tout à fait raison, j'ai pensé que je pourrais appliquer un flou dans Photoshop à une image, puis s'estomper de l'image sur le focus à l'image floue? – Anthony