在 owl 轮播 1.3.3 中显示下一张和上一张幻灯片的一部分
Show part of next and prev slides in owl Carousel 1.3.3
我目前正在使用 owlcarousel 1.3.3,我希望在移动设备上显示当前幻灯片和下一张幻灯片的一部分。
所以我尝试了一些选项:
recoStrip: {
// Number of items
...
itemsMobile : [600, 1.3], // 1.3 items between 600 and 0
...
},
效果很好,在屏幕上显示了 1.3 个项目。问题是,当我滑动到最后一张幻灯片时,我感觉它没有很好地抓住滑块的末端......我没有弹跳效果,我可以比最后一张幻灯片滑动得更远......
这是一个演示:
http://jsfiddle.net/sgLqhnsd/
如果有人对此版本的 owl 轮播进行了调整!!非常感谢。
X.
infinity scroll/circle/loop 在 1.3 版本中将无法使用,您可以尝试使用最新版本的 Owl Carousel
http://www.owlcarousel.owlgraphic.com/demos/autowidth.html
我已经更改了 owl.carusel.js
中的第 356 行
来自
base.maximumItem = base.itemsAmount - base.options.items;
到
base.maximumItem = Math.ceil(base.itemsAmount - base.options.items);
对我来说效果很好
我目前正在使用 owlcarousel 1.3.3,我希望在移动设备上显示当前幻灯片和下一张幻灯片的一部分。
所以我尝试了一些选项:
recoStrip: {
// Number of items
...
itemsMobile : [600, 1.3], // 1.3 items between 600 and 0
...
},
效果很好,在屏幕上显示了 1.3 个项目。问题是,当我滑动到最后一张幻灯片时,我感觉它没有很好地抓住滑块的末端......我没有弹跳效果,我可以比最后一张幻灯片滑动得更远......
这是一个演示: http://jsfiddle.net/sgLqhnsd/
如果有人对此版本的 owl 轮播进行了调整!!非常感谢。
X.
infinity scroll/circle/loop 在 1.3 版本中将无法使用,您可以尝试使用最新版本的 Owl Carousel http://www.owlcarousel.owlgraphic.com/demos/autowidth.html
我已经更改了 owl.carusel.js
中的第 356 行来自
base.maximumItem = base.itemsAmount - base.options.items;
到
base.maximumItem = Math.ceil(base.itemsAmount - base.options.items);
对我来说效果很好