0

Buenas, espero me puedan ayudar con este pequeño problema

estoy probando hacer un slider con jquery y js, resulta que al darle a las imagenes un timer(setinterval) y su efecto FadeOut y FadeIn , todo trabaja perfecto, pero pasa algo que me parece que esta mal y no se solucionarlo

Resulta que al pasarme de pestaña en el navegador y mantenerme un tiempo fuera de la pagina donde esta el slider, al regresar a la pagina del slider, las imagenes comienzan a pasar a una velocidad exagerada como tratandome de mostrar todo lo que no me mostro durante el tiempo que no estuve presente, y luego se tranquiliza y vuelve a pasar las imagenes con la velocidad normal, ALGUIEN ME PODRIA AYUDAR?

actualmente solo estoy probando antes de iniciar con el proyecto y no quisiera lidiar con esto

aqui esta el link para que miren(Ignoren el orden del codigo, ya que es solo pruebas)

http://ombranding.esy.es/

6

1 respuesta 1

0

Te recomiendo antes de asignar el ID en SliderInternal = setInterval(...) uses clearInterval.

Ejemplo:

var SliderInit = function() {
  if (SliderInternal)
    clearInterval(SliderInternal);

  SliderInternal = setInterval(function changeSlider() {
    sliderPanel.eq(CurrentSlider).fadeOut('slow');
    sliderPanel.eq(nextSlider).fadeIn('slow');

    //actualizar datos
    if (nextSlider >= lengthSlider - 1) {
      nextSlider = 0;
      CurrentSlider = lengthSlider - 1;
    } else {
      //actualizar datos
      CurrentSlider = nextSlider;
      nextSlider += 1;
    }
    //console.log(nextSlider);

  }, dataInterval);
};

2
  • Me ha funcionado perfectamente, no sucedio de nuevo. Gracias. Commented el 4 may. 2017 a las 17:56
  • Que bien!... me contenta que te haya servido y recuerda: califica la respuesta que se ajuste mas a una solución al problema, Saludos!! ;))...
    – fwBasic
    Commented el 4 may. 2017 a las 17:59

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.