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