【问题标题】:In bxslider, how to set infiniteloop: false AND the # of slides = # of bullets?在 bxslider 中,如何设置无限循环:false AND the # of slides = # of bullets?
【发布时间】:2013-06-13 11:22:39
【问题描述】:

添加“infiniteLoop: false”会改变轮播下的子弹数。

使用此 bxslider 示例(包含 10 张幻灯片和 10 个项目符号): http://bxslider.com/examples/carousel-demystified#example4 在这个 jsfiddle http://jsfiddle.net/_StephenC/s7KTk/

$(document).ready(function(){
 $('.slider4').bxSlider({
    slideWidth: 300,
    minSlides: 2,
    maxSlides: 3,
    moveSlides: 1,
    slideMargin: 10,
   //infiniteLoop: false
  });
});

(删除一张幻灯片,因此有 9 张幻灯片和 9 个项目符号)

在 "infiniteloop:false" 之前一切正常,这会删除其中一颗子弹。

有没有办法让所有 9 个项目符号都显示并将无限循环设置为 false?

(这是客户请求:第9个子弹不会移动轮播。)

【问题讨论】:

    标签: jquery bxslider


    【解决方案1】:

    试试这个,

    http://jsfiddle.net/s7KTk/9/

    Added empty div atlast.
    

    【讨论】:

    • 谢谢。不过,这会添加并清空 div,我们需要它在最后一张幻灯片上停止。
    • @StephenC - 在最后一次点击期间,第 8 个滑块向左移动一点,你想停止它吗?即,在最后一次子弹点击期间没有任何动作??
    • 试试这个,jsfiddle.net/s7KTk/10。我不确定,这是正确的想法。 :) 但是,这正是你所需要的。
    • 那里还有空位
    猜你喜欢
    • 2022-12-02
    • 2022-12-28
    • 2020-07-11
    • 2018-03-14
    • 2022-12-01
    • 1970-01-01
    • 2014-04-21
    • 2014-12-18
    相关资源
    最近更新 更多