Boutons animés HTML

Est-ce que quelqu'un connaît une bonne méthode/un tutoriel sur la création de boutons animés en utilisant plusieurs images? J'ai trouvé un tutoriel il y a un moment et maintenant je ne peux pas en trouver un - toutes les ressources que je peux trouver sont pour animer entre deux images (soit en utilisant l'opacité via jquery ou en déplaçant l'image BG). Je cherche un moyen d'animer 4-5 images sur le rollover et jquery est parfaitement bien mais je ne peux pas trouver un après une heure sur Google. De l'aide?Boutons animés HTML

Source

2011-01-25 Zakman411

Je ne suis pas un expert, mais vous pouvez essayer de chaîner les animations en utilisant la fonction .animate() de jQuery. À partir de la brève documentation, il semble possible de combiner la technique alpha blending avec chaque étape animate(), en définissant les options, queue: true et en définissant l'option complete à l'animation suivante.

Espérons que cela aide.

Source

2011-01-25 00:49:33 Nick

Merci, Nick! Intéressant - Je me demande pourquoi les gens utilisent rarement cette méthode. Cela semble assez simple. Je vais regarder dans un tutoriel sur la mise en œuvre, appréciez-le! – Zakman411

This est un bon. J'espère que ça aide.

Source

2011-01-25 00:44:05 Mitch

Merci Mitch! C'est un tutoriel plein d'espoir, le seul problème est qu'il est principalement conçu pour animer entre deux sprites, et soit "fondu" ou "glisser". Je ne peux pas pour la vie de moi trouver une méthode qui intègre plusieurs sprites différents. Ce que je veux dire est sur MouseOver le bouton jouerait les images 1-5 et arrêter. Sur MouseOut, il s'inverserait et s'arrêterait. Concept assez simple mais pas très populaire – Zakman411

Boutons animés HTML

Répondre

Questions connexes