在Nivo滑塊上播放/暫停Btn

有誰知道是否有方法將播放/暫停按鈕添加到Nivo滑塊？在Nivo滑塊上播放/暫停Btn

非常感謝，

2012-09-02 jmysona

剛上線裏面添加nquery.nivo.slider.js驗證碼627

jQuery('#pause').click(function(){ 
    if(!$(element).data('nivo:vars').stop){ 
     $(element).data('nivo:vars').stop = true; 
     trace('Stop Slider'); 
    } }); 

jQuery('#play').click(function(){ 
    if($(element).data('nivo:vars').stop){ 
        $(element).data('nivo:vars').stop = false; 
        trace('Start Slider'); 
       } });

來源：http://support.dev7studios.com/discussions/nivo-slider/1949-how-to-add-play-and-pause-button-on-the-image-slider

來源

2012-10-02 15:52:16

首先，將2點在你的頁面的按鈕，將它們堆疊在相同的位置並給它們ID暫停和播放。

然後，在頁面的<head>部分添加這些代碼行。

<script type="text/javascript"> 
$(window).load(function() { 
    $("#Pause").click(function() { 
     $('#Pause').fadeOut(200); 
     $('#Play').fadeIn(200); 
     $('#Slider').data('nivoslider').stop(); 
     }); 
    $("#Play").click(function() { 
     $('#Play').fadeOut(200); 
     $('#Pause').fadeIn(200); 
     $('#Slider').data('nivoslider').start(); 
     }); 
});</script>

來源

2014-02-13 08:24:23

如何將這些按鈕添加到滑塊中？ – Adam

[你可以在這裏看到完整的編碼]（http://gasolicious.com/storefront-elegance-slider-navigation/） –

將下面的代碼添加到您的jquery ready函數中。該代碼添加了兩個用於啓動和停止的按鈕。這段代碼的優點是你不必修改nivoslider.js。 ;-)

var slider = jQuery('#slider'); 
var nivoStartStopControl = jQuery('<div class="nivo-startstopNav"></div>'); 

slider.after(nivoStartStopControl); 
nivoStartStopControl.append('<a href="#" id="nivoStart"><span>START</span></a> <a href="#" id="nivoStop"><span>STOP</span></a>'); 

jQuery('#nivoStop').click(function(event) { 
    event.preventDefault(); 
    slider.data('nivoslider').stop(); 
}); 

jQuery('#nivoStart').click(function(event) { 
    event.preventDefault(); 
    slider.data('nivoslider').start(); 
});

來源

2014-06-06 13:33:34 Tobi

在Nivo滑塊上播放/暫停Btn

回答

相關問題