Skip to main content
conteúdo editado
Fonte Link
Wallace Vizerra
  • 107,4mil
  • 106
  • 440
  • 920

Ao invés de definir o código que passa para o próximo slide dentro do setInterval, você poderia simplesmente simular o click (onde é definida a passagem para o próximo item pelo jQuery) dentro desse setInterval.

Ou seja; ao invés de usar:

function autoSliderHighlights() {
   setInterval(function() { 
      $('.containerHigh:eq(0)')
         .fadeOut(800).next().fadeIn(800).end().appendTo('#sliderHighlight');
   },  5000);
}

Use isso:

setInterval(function(){
    
    $('#nextHighlight').trigger('click');
   
}, 5000);

Assim, a cada 5000 milissegundos toda a lógica contida em '#prevHighlight''#nextHighlight' será executada, e você não vai ter trabalhos definido duas lógicas (mas apenas a do botão que passa.

Veja esse exemplo nesse JSFIDDLE

Ao invés de definir o código que passa para o próximo slide dentro do setInterval, você poderia simplesmente simular o click (onde é definida a passagem para o próximo item pelo jQuery) dentro desse setInterval.

Ou seja; ao invés de usar:

function autoSliderHighlights() {
   setInterval(function() { 
      $('.containerHigh:eq(0)')
         .fadeOut(800).next().fadeIn(800).end().appendTo('#sliderHighlight');
   },  5000);
}

Use isso:

setInterval(function(){
    
    $('#nextHighlight').trigger('click');
   
}, 5000);

Assim, a cada 5000 milissegundos toda a lógica contida em '#prevHighlight' será executada, e você não vai ter trabalhos definido duas lógicas (mas apenas a do botão que passa.

Veja esse exemplo nesse JSFIDDLE

Ao invés de definir o código que passa para o próximo slide dentro do setInterval, você poderia simplesmente simular o click (onde é definida a passagem para o próximo item pelo jQuery) dentro desse setInterval.

Ou seja; ao invés de usar:

function autoSliderHighlights() {
   setInterval(function() { 
      $('.containerHigh:eq(0)')
         .fadeOut(800).next().fadeIn(800).end().appendTo('#sliderHighlight');
   },  5000);
}

Use isso:

setInterval(function(){
    
    $('#nextHighlight').trigger('click');
   
}, 5000);

Assim, a cada 5000 milissegundos toda a lógica contida em '#nextHighlight' será executada, e você não vai ter trabalhos definido duas lógicas (mas apenas a do botão que passa.

Veja esse exemplo nesse JSFIDDLE

adicionou 44 caracteres ao conteúdo
Fonte Link
Wallace Vizerra
  • 107,4mil
  • 106
  • 440
  • 920

Amigo, pode parecer gambiarra a princípio, mas aoAo invés de definir o código que passa para o próximo slide nodentro do setInterval, você poderia simplesmente simular o click para poder passar(onde é definida a passagem para o próximo item pelo jQuery) dentro deledesse setInterval.

AoOu seja; ao invés de usar:

function autoSliderHighlights() {
   setInterval(function() { 
      $('.containerHigh:eq(0)')
         .fadeOut(800).next().fadeIn(800).end().appendTo('#sliderHighlight');
   },  5000);
}

useUse isso:

setInterval(function(){
    
    $('#nextHighlight').trigger('click');
   
}, 5000);

Assim, a cada 5000 milissegundos toda a lógica contida em '#prevHighlight' será executada, e você não vai ter trabalhos definido duas lógicas (mas apenas a do botão que passa.

Veja esse exemplo nesse JSFIDDLE

Amigo, pode parecer gambiarra a princípio, mas ao invés de definir o código que passa para o próximo slide no setInterval, você poderia simplesmente simular o click para poder passar para o próximo dentro dele.

Ao invés de usar:

function autoSliderHighlights() {
setInterval(function() { 
  $('.containerHigh:eq(0)')
    .fadeOut(800).next().fadeIn(800).end().appendTo('#sliderHighlight');
},  5000);
}

use isso

setInterval(function(){
    
    $('#nextHighlight').trigger('click');
   
}, 5000);

Assim, a cada 5000 milissegundos toda a lógica contida em '#prevHighlight' será executada, e você não vai ter trabalhos definido duas lógicas (mas apenas a do botão que passa.

Veja esse exemplo nesse JSFIDDLE

Ao invés de definir o código que passa para o próximo slide dentro do setInterval, você poderia simplesmente simular o click (onde é definida a passagem para o próximo item pelo jQuery) dentro desse setInterval.

Ou seja; ao invés de usar:

function autoSliderHighlights() {
   setInterval(function() { 
      $('.containerHigh:eq(0)')
         .fadeOut(800).next().fadeIn(800).end().appendTo('#sliderHighlight');
   },  5000);
}

Use isso:

setInterval(function(){
    
    $('#nextHighlight').trigger('click');
   
}, 5000);

Assim, a cada 5000 milissegundos toda a lógica contida em '#prevHighlight' será executada, e você não vai ter trabalhos definido duas lógicas (mas apenas a do botão que passa.

Veja esse exemplo nesse JSFIDDLE

Fonte Link
Wallace Vizerra
  • 107,4mil
  • 106
  • 440
  • 920

Amigo, pode parecer gambiarra a princípio, mas ao invés de definir o código que passa para o próximo slide no setInterval, você poderia simplesmente simular o click para poder passar para o próximo dentro dele.

Ao invés de usar:

function autoSliderHighlights() {
setInterval(function() { 
  $('.containerHigh:eq(0)')
    .fadeOut(800).next().fadeIn(800).end().appendTo('#sliderHighlight');
},  5000);
}

use isso

setInterval(function(){
    
    $('#nextHighlight').trigger('click');
   
}, 5000);

Assim, a cada 5000 milissegundos toda a lógica contida em '#prevHighlight' será executada, e você não vai ter trabalhos definido duas lógicas (mas apenas a do botão que passa.

Veja esse exemplo nesse JSFIDDLE