如何告诉bxslider更改图像的最小数量

How to tell bxslider to change the minimum number of images?

本文关键字:小数 图像 何告诉 bxslider      更新时间:2023-09-26

我有一个假设性的问题,假设我正在使用插件bxslider,并且在较小的宽度下,我想更改图像的最小数量,我该怎么做?让我解释一下,看看下面的代码:

$('.bxslider').bxSlider({
  minSlides: 3,
  maxSlides: 4,
  slideWidth: 170,
  slideMargin: 10
});

取自此处,现在假设宽度较小,我希望图像的最小数量为2,我该如何做到这一点,比如说,在jQuery中,我有一个resize处理程序,类似于:

$(window).resize(function(){
   if($(window).width() < 768) {
      // here is where i would like to change the min number of images
   }
});

因此,再次重复我的问题,我如何更改bxslider中图像的最小数量?

EDIT::当我输入这个问题时,我意识到的一种方法是调用bxslider上的destroy()函数,就像这样:

slider = $('.bxslider').bxSlider();
slider.destroySlider();

然后可能会回忆一下元素上的插件,但我真的想知道对于这种场景,还有什么其他有趣的解决方案。(我将去尝试我的解决方案,看看它是否同时有效)。

请查看下面的链接,希望这能帮助

http://bxslider.com/examples/reload-slider-settings