Ver Mensaje Individual
  #1 (permalink)  
Antiguo 18/03/2013, 07:36
skyspablo
 
Fecha de Ingreso: julio-2012
Ubicación: Asunción
Mensajes: 54
Antigüedad: 12 años, 9 meses
Puntos: 3
Pregunta Fade horizontal?

Buenas tengo una consulta, tengo un fondo que es de estrellas y quiero hacer un efecto fade que se repita en bucle y haga "que brillen" las estrellas.

Estoy parcialmente logrando de esta forma:

Tego el jquery insertado entonces hago el llamado así:
Código Javascript:
Ver original
  1. <script>
  2. setInterval(function(){
  3.  
  4.     $('#stars').css({height: $(window).height(),width: $(window).width()})
  5.               .fadeIn('slow', function(){
  6.                  $('#stars').fadeOut('slow');
  7.               })
  8.               .fadeIn('_default', function(){
  9.                  $('#stars').fadeOut('_default');
  10.               }) ;
  11.              
  12.     setTimeout(arguments.callee, 1000000);
  13.     });
  14. </script>
en mi HTML tengo un div así:
Código HTML:
Ver original
  1. <div class="stars" id="stars"></div>
y por las dudas les muestro el css de ese div:

Código CSS:
Ver original
  1. .stars{
  2.         background-image:url(estrellas.gif);
  3.         background-repeat:repeat-x;
  4.         position:absolute;
  5.         margin-top:100px;
  6.         height:600px;
  7.         width:100%;
  8.         z-index:-1;
  9. }

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!
__________________
--
What is real? How do you define real?
If real is what you can feel, smell, taste and see, then real is simply electrical signals interpreted by your brain.