Swiper Slider,启用了拇指和循环的图库完全打破了 Swiper Slider
SwiperSlider, Gallery with thumbs and loop enabled breaks SwiperSlider completly
SwiperSlider 因循环而中断:true 并启用拇指。
我的代码是这样的:
var galleryTop = new Swiper('.gallery-top', {
spaceBetween: 15,
slidesPerView: 2,
centeredSlides: true,
loop: true
});
var galleryThumbs = new Swiper('.gallery-thumbs', {
spaceBetween: 10,
centeredSlides: true,
slidesPerView: 'auto',
touchRatio: 0.2,
slideToClickedSlide: true,
loop: true
});
galleryTop.params.control = galleryThumbs;
galleryThumbs.params.control = galleryTop;
问题的工作示例在这里:http://jsfiddle.net/00gz8gLd/12/
我没想到结果是 loop: true,当我将其设置为 false 时,滑块效果很好。
有人对此有解决方案吗?
我找到了解决方案:
画廊顶部:
loopedSlides: $('.gallery-top .swiper-wrapper .swiper-slide').length
画廊大拇指:
loopedSlides: $('.gallery-thumbs .swiper-wrapper .swiper-slide').length
SwiperSlider 因循环而中断:true 并启用拇指。
我的代码是这样的:
var galleryTop = new Swiper('.gallery-top', {
spaceBetween: 15,
slidesPerView: 2,
centeredSlides: true,
loop: true
});
var galleryThumbs = new Swiper('.gallery-thumbs', {
spaceBetween: 10,
centeredSlides: true,
slidesPerView: 'auto',
touchRatio: 0.2,
slideToClickedSlide: true,
loop: true
});
galleryTop.params.control = galleryThumbs;
galleryThumbs.params.control = galleryTop;
问题的工作示例在这里:http://jsfiddle.net/00gz8gLd/12/
我没想到结果是 loop: true,当我将其设置为 false 时,滑块效果很好。
有人对此有解决方案吗?
我找到了解决方案:
画廊顶部:
loopedSlides: $('.gallery-top .swiper-wrapper .swiper-slide').length
画廊大拇指:
loopedSlides: $('.gallery-thumbs .swiper-wrapper .swiper-slide').length