如何解决jQuery Owl Carousel 和 Wheel Indicator
我有下面的代码,它使用wheel-indicator.js 在Mac 上水平滚动鼠标。效果很好,但我想在最后一张幻灯片上取消该功能和 wheel-indicator.js 功能。有什么想法吗?
var owlslider_1 = jQuery('#slider_1 .owl-carousel');
owlslider_1.owlCarousel({
loop: false,dots: false,margin: 0,autoplay: false,responsiveClass: true,nav: false,smartSpeed: 500,fluidSpeed: true,responsive: {
0: {
items: 1,autoHeight: true
},600: {
items: 1,1000: {
items: 1,autoHeight: true
}
}
});
owlslider_1.on('change.owl.carousel',function (e) {
var shown = e.page.size
var total = e.relatedTarget.items().length - 1
var current = e.item.index
var remain = total - (shown + current)
console.log(remain);
if (!remain) {
// SOME FUNCTION NEEDED TO STOP THE FUNCTIONS BELOW WORKING!!
}
});
var indicator = new WheelIndicator({
elem: document.querySelector('#slider_1'),callback: function (e) {
if (e.direction == 'up') {
owlslider_1.trigger('prev.owl');
}
if (e.direction == 'down') {
owlslider_1.trigger('next.owl');
}
}
});
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。