禁用第一张幻灯片上的'上一个'按钮？ 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(); 
    } 
});