Saludos.
Estoy tratando de crear el típico efecto de las luces de los autos de choque o de las luces de árbol de navidad. Sí, esas que se encienden y apagan con una secuencia tipo flash.
Las luces son imágenes, de luces de colores evidentemente, puestas flotando en un div para en caso de cambio de tamaño de pantalla se ajusten y autodistribuyan.
Las tengo clasificadas por la etiqueta alt (rojas, allos, verdes, etc).
Entonces el código es:
Código:
var verdes = $('[alt=verde]');
Con ello ya tengo en un array todas las luces verdes.
Y ahora viene el parpadeo de las luces
Código:
for(i=0; i<4; i++){
$(verdes.slice(0)).animate({'opacity': 'toggle'}, 500);
}
El problema es que mirando el inspector del navegador (Firefox) lo que hace el código no es opacidad = 0, sino display = none.
Con lo cual todas las luces se descolocan.
Alguna idea de cómo solucionar el problema.
Gracias de antemano.