Motio es un plugin jQuery que permite crear animaciones con sprites de forma sencilla. Motio se aplica a un elemento que representa el contenedor de la animación utilizándose para esta una imagen de fondo CSS.
plugin jQuery animación con sprites
En las animaciones basadas en sprites, el contendor debe tener las dimensiones de un fotograma del sprite, es decir, si dispones de 10 fotogramas en un sprite horizontal de 1.000 x 100 pixels, el tamaño del contendor debería ser de 100 x 100 pixels. En panorámicas, el tamaño del contenedor no es significativo y la imagen de fondo debería ser transparente.
Para utilizar los métodos on/off de Motio es necesario utilizar jQuery versión 1.7 o superior. Si la versión utilizada es anterior, hay que utilizar los métodos bind/unbind aplicados a nivel de fotograma utilizando el prefijo “motio:” en todos los nombres de los eventos.
Motio – plugin jQuery
Sitio web: http://darsa.in/motio/
Artículos relacionados:
- Shapeshift Plugin jQuery organiza elementos en cuadrícula…
- Photobox Plugin jQuery para galerías de fotos con CSS3
- SpectragramJS – Plugin jQuery para el API de Instagram
- mlens Plugin jQuery de efecto lupa para imágenes
- Ajax Autocomplete para jQuery