Question

我正在使用Nivoslider来处理我正在处理的网络项目。

从上面的链接可以看出，即使在第一张幻灯片上也会显示“上一步”按钮。

如果幻灯片编号大于0

，是否可以使NivoSlider“线性”，只显示上一个按钮？

默认情况下，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();
    }
});

禁用＆＃39;上一页＆＃39;第一张幻灯片上的按钮Nivoslider

1 个答案: