Javascript 禁用';以前的';第一张幻灯片上的按钮?尼沃滑块

Javascript 禁用';以前的';第一张幻灯片上的按钮?尼沃滑块,javascript,jquery,nivo-slider,Javascript,Jquery,Nivo Slider,我正在为一个正在进行的web项目使用 从上面的链接可以看到,“prev”按钮即使在第一张幻灯片上也会显示 如果幻灯片编号大于0,我是否可以使NivoSlider“线性”并且仅显示上一个按钮 看起来NivoSlider默认设置为“无限”或“循环”,但我确信一定有办法改变这一点 非常感谢您的帮助:-)您可以在初始化滑块时使用自定义的afterChange功能 var sliderSelector = '#slider'; // Replace with your slider selector $(

我正在为一个正在进行的web项目使用

从上面的链接可以看到,“prev”按钮即使在第一张幻灯片上也会显示

如果幻灯片编号大于0,我是否可以使NivoSlider“线性”并且仅显示上一个按钮

看起来NivoSlider默认设置为“无限”或“循环”,但我确信一定有办法改变这一点


非常感谢您的帮助:-)

您可以在初始化滑块时使用自定义的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();
    }
});

如果Nivoslider不符合您的需求,您会坚持使用它的具体原因是什么?实际上,有成千上万个优秀的jQuery滑块插件,它们可能会完全满足您的需求。例如这是一个很好的观点-我想我会试试jCarouselLite,看看我有多公平-谢谢你。非常感谢你的回答-为我的延误道歉。我很快就会试试,让你知道我的进展如何。再次感谢。