Eu fiz um slideshow de raiz com Jquery
usando setInterval
para mudar os slides passados alguns segundos. Ele funciona bem, no entanto, se eu mudar de separador e passado algum tempo voltar, a animação fica "bugada" e passa os slides muito rápido.
Aqui está o site. O slide inicial é o primeiro de fundo que se vê.
Código do Slideshow
<div class="slideshow">
<img src="images/152156263613548.jpg" class="slide slide1 active_slide" data-slide="1">
<img src="images/capaaaa.jpg" class="slide slide2" data-slide="2">
<img src="images/casa_das_artes.jpg" class="slide slide3" data-slide="3">
</div>
setInterval(function(){
var slide = $(".active_slide").attr("data-slide");
var next = parseInt(slide)+1;
if($(".slide"+next).length > 0){
$(".slide"+slide).removeClass("active_slide");
$(".slide"+slide).fadeOut(1000);
$(".slide"+next).addClass("active_slide");
$(".slide"+next).fadeIn(700).css("display","block");;
}else{
$(".slide"+slide).removeClass("active_slide");
$(".slide"+slide).fadeOut(1000);
$(".slide1").addClass("active_slide");
$(".slide1").fadeIn(700).css("display","block");;
}
},4000);