BX Slider 通过预览滑动在 mozilla 中不起作用
BX Slider slide by preview is not working in mozilla
当我在 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"'
});
这是bxslider js的问题,你可以在这里查看:- https://bxslider.com/examples/auto-show-start-stop-controls/
当我在 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"'
});
这是bxslider js的问题,你可以在这里查看:- https://bxslider.com/examples/auto-show-start-stop-controls/