预览的BX Slider幻灯片在mozilla中不起作用

时间:2018-03-26 11:34:05

标签: javascript jquery google-chrome mozilla bxslider

当我在Mozilla中按预览图像滑动时,它无法正常工作,但在Chrome中工作正常。任何人都可以帮助我吗?

有任何想法在mozilla中找到问题吗?

var $this = $(this);
    var realSlider = $this.find('.product-detailslider');
    var realThumbSlider= $this.find(".product-detailslider-pager");

    realSlider.bxSlider({
        Height: 600,
        speed:1000,
        pager:false,
        nextText:'',
        prevText:'',
        infiniteLoop:false,
        hideControlOnEnd:true,

        onSlideBefore:function($slideElement, oldIndex, newIndex){
          changeRealThumb(realThumbSlider,newIndex);
        }
    });

    if ($this.data('bxSlider')) { return; }
    realThumbSlider.bxSlider({
      maxSlides: 3,
      minSlides: 3,
      slideWidth: 110,
      slideMargin: 3,
      moveSlides: 1,
      mode: 'vertical',
      pager:false,
      speed:1000,
      infiniteLoop:false,
      hideControlOnEnd:true,
      nextText:'<img src="'+BASE_URL+'/images/arrow-down.jpg"',
      prevText:'<img src="'+BASE_URL+'/images/arrow-up.jpg"'     
    });

1 个答案:

答案 0 :(得分:0)

这是bxslider js的问题,你可以在这里查看: - https://bxslider.com/examples/auto-show-start-stop-controls/