jquery圖像滑塊自動播放並點擊

請提出任何需要在此代碼中進行的更改，以便使此滑塊在4000毫秒後自動播放。右鍵不能正常工作click.i以下幾個更改後建議，但它不工作jquery圖像滑塊自動播放並點擊

<script type="text/javascript"> 
$(function() {  
var Page = (function() {  
var $navArrows = $('#nav-arrows'), 
$nav = $('#nav-dots > span'), 
slitslider = $('#slider').slitslider({ 
onBeforeChange : function(slide, pos) { 

$nav.removeClass('nav-dot-current'); 
$nav.eq(pos).addClass('nav-dot-current');  
} 
}),  
init = function() {  
initEvents();  
}, 
initEvents = function() {  
// add navigation events 
$navArrows.children(':last').on('click', function() {  
slitslider.next(); 
return false;  
});  
$navArrows.children(':first').on('click', function() {  
slitslider.previous(); 
return false;  
}); 
$nav.each(function(i) {  
$(this).on('click', function(event) {  
    var $dot = $(this);  
    if(!slitslider.isActive()) {  
      $nav.removeClass('nav-dot-current'); 
      $dot.addClass('nav-dot-current');  
    }  
    slitslider.jump(i + 1); 
    return false;  
});  
});  
};  
return { init : init };  
})();  
Page.init();  
}); 
</script>

來源

2013-03-28 Ethen

只看該slitslider docs我想你需要將以下兩行添加到您的代碼的以下摘錄：

.slitslider({ 

    // slideshow on/off 
    autoplay : true, 
    // time between transitions 
    interval : 4000, 

    onBeforeChange : function(slide, pos) { 
    $nav.removeClass('nav-dot-current'); 
    $nav.eq(pos).addClass('nav-dot-current'); 
    }

來源

2013-03-28 06:44:01 kk64738

謝謝。你能解釋一下如何在程序中使用間隔嗎？我沒有看到使用這個變量。或者它是一個關鍵字？對不起，我在jQuery的新手 – Ethen 2013-03-28 06:53:43

在這種情況下，它是slitslider對象的關鍵字或參數。有一個叫做setInterval（somefunction（），time_delay）的javascript函數可以用來在一段時間內運行你自己的javascript代碼，但slitslider應該爲你處理這個問題，只需要添加'interval'和'autoplay'參數爲如上所示。（不知道這是否回答你的問題？） – kk64738 2013-03-28 07:04:06

是啊。謝謝 – Ethen 2013-03-28 07:16:30

jquery圖像滑塊自動播放並點擊

回答

相關問題