Estoy parcialmente logrando de esta forma:
Tego el jquery insertado entonces hago el llamado así:
Código Javascript:
en mi HTML tengo un div así:Ver original
<script> setInterval(function(){ $('#stars').css({height: $(window).height(),width: $(window).width()}) .fadeIn('slow', function(){ $('#stars').fadeOut('slow'); }) .fadeIn('_default', function(){ $('#stars').fadeOut('_default'); }) ; setTimeout(arguments.callee, 1000000); }); </script>
Código HTML:
y por las dudas les muestro el css de ese div:Ver original
Código CSS:
Ver original
.stars{ background-image:url(estrellas.gif); background-repeat:repeat-x; position:absolute; margin-top:100px; height:600px; width:100%; z-index:-1; }
Dale, ahora con esto logro que la imagen parpadee en un fade básico.
Quiero consultar si hay una forma de hacer que esto pero de forma horizontao o incluso random
Que se vaya desvaneciendo por zonas el background para que de una animación más realista de las estrellas ya que ahora mismo todas las estrellas se animan al mismo tiempo :O
bueno, espero haber sido claro en mi consulta.
Saludos!