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