JavaScript:Owl Carousel - 在最后一张幻灯片处停止滑块

时间:2017-03-16 20:59:44

标签: javascript owl-carousel

我想做什么:

我知道每张幻灯片的尺寸。我可以访问整个屏幕尺寸的$(window).width()。我想做什么,使用这个js:

https://jsfiddle.net/8mve0hjy/

一旦到达窗口边缘就停止滑块。我知道其他替代方案,例如:Owl Carousel: Run function when last slide is reached

但我想使用我提供的JS,因为它是我使用的模块中使用的。

或者,我愿意在此之外加入一些函数,它为每个项使用类.owl-item,为容器使用owl-wrapper

我尝试过:

在第365行我改变了:

maximum = ((base.itemsAmount * base.itemWidth) - base.options.items * base.itemWidth) * -1;

为:

maximum = ((base.itemsAmount * base.itemWidth) - $(window).width()) * -1;

1 个答案:

答案 0 :(得分:0)

答案:

除了重置最大值之外,我还必须重置最大幻灯片数量:

第1005行

maxSwipe = function() {
// return base.maximumPixels + base.newRelativeX / 5; // change to:
   return base.maximumPixels; // essentially, it stops it from going higher than the max allowed.
};