禁用第一張幻燈片上的'上一個'按鈕？ Nivoslider

Question

我正在使用Nivoslider作爲我正在處理的Web項目。

從上面的鏈接可以看出，即使在第一張幻燈片上也會顯示「prev」按鈕。

是否有可能讓NivoSlider「線性」，並且只顯示上一個按鈕，如果幻燈片編號大於0？

NivoSlider默認設置爲「無限」或「循環」，但我確定必須有方法來改變它。

非常感謝這個:-)

Answer 1

在初始化滑塊，您可以使用自定義功能，改動後的任何幫助。

var sliderSelector = '#slider'; // Replace with your slider selector 
$(sliderSelector).nivoSlider({ 
    // .. Other config here 
    controlNav: true, // This solution relies on this to work 
    afterChange: function() { 
     // Hide prev button if on first slide 
     if ($(sliderSelector + ' .nivo-controlNav .nivo-control:first').hasClass('active')) 
      $(sliderSelector + ' .nivo-prevNav').hide(); 
     else 
      $(sliderSelector + ' .nivo-prevNav').show(); 

     // Hide next button if on last slide 
     if ($(sliderSelector + ' .nivo-controlNav .nivo-control:last').hasClass('active')) 
      $(sliderSelector + ' .nivo-nextNav').hide(); 
     else 
      $(sliderSelector + ' .nivo-nextNav').show(); 
    }, 
    afterLoad: function() { 
     // If you have randomStart set to true, then you might check with what slide it started and act accordingly. 
     // If you use the default, then this should be all you need 
     $(sliderSelector + ' .nivo-prevNav').hide(); 
    } 
});