旋转木马用鼠标滚轮改变

Question

当我向上滚动时，我正试图让我的旋转木马进入下一张图片但是当我向下滚动时回去。

我的代码：

<script type="text/javascript">
    $('#this-carousel-id').bind('mousewheel', function(e){$(this).carousel('next');});
</script>

此代码适用于向下滚动以查看下一张图片，但无法返回。

Answer 1

不是最好的例子，但这应该有效：

$('#this-carousel-id').bind('mousewheel', function(e)
    {
        if(event.wheelDelta>0) {
            $(this).carousel('next');
        }else if(event.wheelDelta<0){
            $(this).carousel('prev');
        }
    }
);