페이지로드시 자동으로 슬라이드 쇼를 시작할 수 있습니다.

Question

jQuery에서 작은 슬라이드 쇼를 만들었습니다. 매우 간단합니다. 페이지로드시 어떻게 자동으로 슬라이더를 시작할 수 있습니까? 슬라이더가 항상 실행되어야합니다. 사용자가 내 축소판을 클릭하면 슬라이더가 해당 슬라이드로 바로 이동합니다. 그 작동 할 수

function goNextSlide() { 
    // Do animate stuff here 
    setTimeout(goNextSlide(), 60); 
} 

$(document).ready(function() { 
    goNextSlide(); 
}); 

또는 당신을 위해 빠른 해킹 :

var totalWidth = 0; 
var positions = new Array(); 

$('.slides .slide').each(function (i) { 
    positions[i] = totalWidth; 
    totalWidth += $(this).width(); 
}); 

$('.slides').width(totalWidth); 

$('.slideMenu ul li a').click(function (e) { 
    var pos = $(this).parent().prevAll('.menuItem').length; 
    $('.slides').stop().animate({ 
     marginLeft: -positions[pos] + 'px' 
    }, 450); 

    e.preventDefault(); 
}); 

Here is my fiddle

Answer 1

는 다음과 같이 시도

function goNextSlide(slide) { 
    $(".slideMenu ul li a:nth-child("+slide+")").click(); 
    slide++; 
    if(slide>3) { 
     slide = 0; 
    } 
    setTimeout(goNextSlide(slide), 600); 
} 

$(document).ready(function() { 
    goNextSlide(1); 
});