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

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,

提示：使用命名空间允许在您的代码中使用美元符号：

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

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

Arrow disable if there are no more image in the left or right

ajax

jquery

prototype

bxslider