Question

我使用BxSlider轮播来显示我的图库图片，让我说我有九张图片，脚本设置为 minSlides：3 和 maxSlides：3 ，我我正在观看图像1-3，然后箭头应该只在右侧，这意味着我可以浏览更多的图片到右边。然后，当我浏览右边，我正在看f.e.图像4,5,6，在这种情况下，箭头应该在两侧，因为左侧和右侧都有图片。但是，如果我再次向右浏览直到图像7,8,9，则右侧的箭头应该消失，因为没有其他内容可以向右浏览。在这种情况下，只应显示左箭头。

我的bxslider脚本如下所示：

jQuery(document).ready(function() {
  jQuery('#bxslider').bxSlider({
    auto: false,
    pager: false,
    controls: true,
    infiniteLoop:false,
    slideWidth: 125,
    minSlides: 3,
    maxSlides: 3,
    slideMargin: 10,
    adaptiveHeight: true
  });
});

Answer 1

请参阅文档：http://bxslider.com/options#hideControlOnEnd

hideControlOnEnd: true,

Protip：使用命名空间允许在代码中使用美元符号：

jQuery(document).ready(function($) {
    $('#bxslider').bxSlider({ ... });
});

如果左侧或右侧没有更多图像，则禁用箭头

1 个答案: