Foros del Web » Creando para Internet » HTML »

faceOut mousemove

Estas en el tema de faceOut mousemove en el foro de HTML en Foros del Web. Estoy intentando hacer una cosa que a priorí parece sencilla. Tengo una estructura web con diversos divs posicionados en CSS mediante ids y clases. En ...
  #1 (permalink)  
Antiguo 11/07/2012, 07:11
 
Fecha de Ingreso: junio-2008
Ubicación: Madrid
Mensajes: 73
Antigüedad: 15 años, 10 meses
Puntos: 1
Pregunta faceOut mousemove

Estoy intentando hacer una cosa que a priorí parece sencilla.
Tengo una estructura web con diversos divs posicionados en CSS mediante ids y clases.

En un cierto momento, al hacer click sobre un icono cargo un vídeo de YouTube que inserto en la web dentro de un div.
Perfecto.

Lo que quiero conseguir es que todos los divs se oculten mientras el vídeo esta corriendo.

Para ello, usando jQuery, consigo ocultar todos los divs a los 3 segundos
Código:
$(document).ready(function(){
  var timer;
  $(document).mousemove(function() {
      if (timer) {
          clearTimeout(timer);
          timer = 0;
      }
  
      $('div').fadeIn();
      timer = setTimeout(function() {
          $('div').fadeOut("slow");
      }, 3000);
  });
});
Pero cuándo le doy al play en el vídeo y se ocultan los divs, al instante parece detectar un movimiento de ratón -que no existe- y los divs vuelven a verse, produciendo un efecto de parpadeo.

¿Alguna solución?

Etiquetas: divs, fadeout, jquery, video
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 23:55.