Comment diviser l'image en utilisant Javascript + CSS?

Question

J'ai l'image comme ceci:

Je veux diviser en six places, et je peux garder en boucle pour afficher l'animation. Avez-vous des idées pour diviser l'image par JS + CSS au lieu d'utiliser 6 fichiers image distincts.

Answer 1

Voici an article from SitePoint sur l'animation d'image-objet à l'aide de jQuery.

Answer 2

Définissez-le comme image de fond et manipulez la position de l'arrière-plan.

Mise à jour: Comme nous l'avons mentionné, la technique s'appelle CSS Sprites. Recherche google pour animation with css sprites se traduit par de bons résultats.

Answer 3

Il y a au moins deux techniques

• Utiliser l'image comme arrière-plan
• Utiliser le clip CSS

Here est un bon exemple d'utilisation de la première technique.