Nivo滑块如果只有一张图像，则隐藏上一个/下一个按钮

Question

I was wondering if anyone who has had experience using the Jquery Nivo Slider knows if you can hide the previous/next buttons if the slider has only 1 image? The reason I'm using the slider is because I have a whole bunch of other images which load into the slider through pagination :P So I'm just wondering if this would be possible to do? :)

Answer 1

this is my workaround for this problem:

if($('.nivoSlider').find('img').size()===1)
{
   $('.nivo-directionNav').remove();
}

Answer 2

Just ran into this today. Good luck folks.

Line #156 //This removes the control nav

if(settings.controlNav && vars.totalSlides > 1){

Line #320 //This stops the animation

if((!vars || vars.stop) && !nudge || vars.totalSlides == 1) return false;

Answer 3

jQuery(function($){
    if(jQuery('.nivoSlider').find('img').length>1){
        $('#slider').nivoSlider({
            effect: 'fade' // Specify sets like: 'fold,fade,sliceDown'
        });
    }
});

Answer 4

in theory, you could do this:

if($(".nivoSlider").children().length === 1)
    $("nivo-prevNav, nivo-nextNav").hide(0);