jquery 슬라이드 쇼를 어떻게 만드나요?

Question

저는 홈 페이지 배너로 슬라이드 쇼를 만들려고합니다. 여기서는 jquery localscroll.js 및 scrollTo.js 플러그인을 사용합니다. 여기

$(document).ready(function() { 
    $("#slideshow").css("overflow", "hidden"); 
    $("#slideshow-nav").css("visibility", "visible"); 
    $("#slideshow-nav a[href=#oron5]").addClass("active"); 

    $("#slideshow-nav").localScroll({ 
     target:'#slideshow', axis: 'x' 
    }); 

    $("#slideshow-nav a").click(function(){ 
     $("#slideshow-nav a").removeClass("active"); 
     $(this).addClass("active"); 
    }); 
}); 

내가 이미지를 볼 탐색 버튼을 클릭해야 -

이 내 자바 스크립트입니다. 그래서 내가 알 수 있겠지만, 어떻게하면 몇 번이고 자동으로 이미지를 바꿀 수 있을까요?

이것은 내 FIDDLE입니다.

누구든지 나를 알아낼 수 있습니까? 감사합니다.

Answer 1

하나의 간단한 방법은 간격을 설정하고 jQuery의 .click() 함수를 사용하는 것입니다. 예를 들어, .ready 당신의 $ (문서)의 끝 부분에이 코드를 추가() 함수를 시도 :

var count = 2; 
var interval = setInterval(function() { 
    if(count > 5) { 
     clearInterval(interval); 
    } 
    $("#slideshow-nav li:nth-child(" + count + ") a").click(); 
    ++count; 
}, 1000);