Foros del Web » Programando para Internet » Jquery »

Fade horizontal?

Estas en el tema de Fade horizontal? en el foro de Jquery en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 18/03/2013, 07:36
 
Fecha de Ingreso: julio-2012
Ubicación: Asunción
Mensajes: 54
Antigüedad: 12 años, 5 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.

Etiquetas: fade, html, javascript
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 18:58.