Cycle2 - 当用户使用鼠标滚动时触发幻灯片更改

时间:2014-09-19 10:01:35

标签: jquery scroll jquery-cycle2

正如标题所示,我有一个水平幻灯片,我喜欢它,所以当用户滚动他们的鼠标滚轮时,幻灯片会改变 - 是否有内置于cycle2中的东西可以做到这一点?我已经看过演示/文档,看不到任何内容。

由于

1 个答案:

答案 0 :(得分:0)

所以我认为我想出了 - 对于那些感兴趣的人:

$('.cycle-slideshow').on( 'DOMMouseScroll mousewheel', function ( event ) {
        if( event.originalEvent.detail > 0 || event.originalEvent.wheelDelta < 0 ) { //alternative options for wheelData: wheelDeltaX & wheelDeltaY
            $('.cycle-slideshow').cycle('next');
            console.log('Down');
        } else {
           $('.cycle-slideshow').cycle('prev');
           console.log('Up');
        }
        //prevent page fom scrolling
        return false;
});