simple décoloration de l'image de swap
Je vais avoir du mal à trouver un simple jquery image de swap. La plupart des exemples que j'ai trouvés sont plus complexes que j'ai besoin, et faire des choses que je ne veux pas.
Objectif: j'ai 5 images je veux fade, slide, ou etc. J'aimerais fondu/dissoudre à partir d'une image à l'autre, mais diapositive serait bien aussi. Lors de la 1ère page des charges, je veux la 1ère image à afficher pour les 4 secondes...puis fondu à l'image suivante, 4 secondes, puis la suivante, etc. Boucle infinie.
Actuellement mon code est une image simple swap, pas très élégant:
document.getElementById("imgMain").src = "images/yurt/sleigh.png";
Quelle est la meilleure et la plus simple façon d'accomplir cette?
Choisir un plugin. N'importe quel plugin. Il n'est pas n'importe qui. Il ya beaucoup à choisir. Maintenant l'utiliser, et de passer à la résolution des problèmes qui sont réellement intéressant.
OriginalL'auteur HerrimanCoder | 2013-02-10
Vous devez vous connecter pour publier un commentaire.
Exemple de travail sur jsFiddle.
Voici le code:
HTML
CSS
JavaScript
Changement left: 0; vers la gauche: 85px; et qui va résoudre le problème de positionnement.
OriginalL'auteur Jeff Miller