禁用第一張幻燈片上的“上一頁”按鈕？ Nivoslider

Question

我正在將Nivoslider用於正在處理的Web項目。

從上面的鏈接可以看到，即使在第一張幻燈片上，也會顯示“上一頁”按鈕。

我可以將NivoSlider設置為“線性”並且僅在幻燈片編號大於0時才顯示上一個按鈕嗎？

NivoSlider似乎默認情況下設置為“無限”或“圓形”，但是我敢肯定必須有一種方法來改變它。

非常感謝您對此的任何幫助:-)

Answer 1

初始化滑塊時，可以使用自定義的afterChange函數。

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();
    }
});