Estoy montando una pequeña animación en jquery y tengo una lista de elementos que necesito que la animación sea de varias propiedades a la vez, a partir de aqué he seguido dos pasos.
He creado una lista de clases en el css con las propiedades que quiero de cada elemento, con lo cual tengo una lista más o menos así (no pongo valores para simplificar):
CSS
.c1{ top: px; left: px; width: px; }
.c2{ top: px; left: px; width: px; }
{...}
jQuery (elementos)
#i1
#i2
[...]
y lo que he intentado es usar un plugin de jQuery (
animateToClass) que se supone que hace una animación, y he intentado hacer esto:
Código Javascript
:
Ver original/* No se si todo el código ahora mismo es válido pero es solo el algoritmo */
function m(n){
$('#i'+n).animateToClass('c'+n,1000);
m(n++);
}
$(document).ready(function(){
m(1);
});
Se supone que tiene que funcionar, pero no he conseguido que el plugin me funcione, si alguien cree que puede conseguirlo, por favor que lo diga.
Lo siguiente que he pensado es usar directamente .animate() de jQuery, que permite meterle una lista de valores, pero claro, los valores de cada elemento son individuales, con lo cual quiero hacer un array y no estoy muy seguro de como hacer una lista de pareja de valores (¿arrays multidimensionales?).
también está la opción de meterle un switch, pero es una repetición de código increíble y para nada escalable y preferiría no hacerlo así.
Si alguien puede ayudarme me haríais un gran favor. Muchas gracias.