评论：响应式jQuery的内容滑块插件bxslider  [查看原文]

暗裔剑魔0
2020/5/16 13:40:01
你们看下演示里的，从最后一张切换到第一张会闪烁一下。我下载看了，只有限定宽度才不会闪烁，当宽度100%就会

?shool night?0
2020/7/6 9:51:42
你好，我现在也是遇到这个问题，请问你解决了吗

已经设置为自动播放 auto:true    快速点击箭头切换 然后就不能自动播放了 就停止了   什么问题

为什么左右的箭头不显示呢

我来自火星0
2017/4/19 20:09:11

我也是左右箭头步显示，你解决了吗

天涯咫尺0
2017/5/24 1:58:22

可能是图片加载路径的问题

恋念不舍1
2018/6/27 18:50:55
修改jquery.bxslider.css里面的图片路径为自己的图片文件路径,或者把包里的图片文件夹也搬过去

引用jQuery v3.1.1，图片不显示

-3
2016/12/20 16:12:34

onSliderLoad: function() {
	$(".bx-pager-item a").click(function() {
		var thumbIndex = $('.bx-pager-item a').index(this);
		slider.goToSlide(thumbIndex);
		slider.startAuto();
	});
	$(".bx-controls-direction a").click(function() {
		slider.goToNextSlide();
		slider.startAuto();
	})
}

研发部-宋晨0
2017/11/23 10:19:47

我引用这段代码后 显示slider is not defined              这个slider是什么

我说过要你快乐0
2018/9/27 14:50:32
我也遇上了 兄弟两年了

西瓜0
2016/7/21 11:07:44

上面不是有人回答了吗？下面自动播放的auto:true

<script>
$(document).ready(function(){
  	$('.bxslider').bxSlider({
	  auto:true, //自动播放
	})
});
</script>

jjjzzzxxx0
2017/2/10 14:10:11
问下这个问题解决了吗

zj20860
2016/6/14 15:06:53
我也遇到了同样的问题，你有解决了没

zj20861
2016/6/15 9:06:40

研究了下他官网的例子  你在JS部加入两个参数$

('.bxslider').bxSlider({
  auto: true,
  autoControls: true
});

具体页面你可以看下 http://bxslider.com/examples/auto-show-start-stop-controls

藉之木0
2018/6/28 16:57:54
touchEnabled:false
把touchEnabled参数设置为false，手触动动就还可以继续滚动了，哈哈哈。

藉之木0
2018/6/28 19:56:08

回答错了。是打开，找到 var onTouchEnd = function(e) 事件中某一行代码(约在第1263行),把el.stopAuto();注释掉即可.


if (!slider.settings.infiniteLoop && ((slider.active.index === 0 && distance > 0) || (slider.active.last && distance < 0))) {
    setPositionProperty(value, 'reset', 200);
} else {
    // check if distance clears threshold
    if (Math.abs(distance) >= slider.settings.swipeThreshold) {
        if (distance < 0) {
            el.goToNextSlide();
        } else {
            el.goToPrevSlide();
        }
        //el.stopAuto(); //注释掉这一句,不然移动端手触动后就停止滚动了 By ChenHairui 2018.6.28
    } else {
        // el.animate(property, 200);
        setPositionProperty(value, 'reset', 200);
    }