Twitter bootstrap carousel-用鼠标滚动更改幻灯片

时间:2013-05-10 12:30:24

标签: twitter-bootstrap twitter carousel

有没有办法使用鼠标滚动更改Twitter Bootstrap Carousel上的幻灯片?

此致

2 个答案:

答案 0 :(得分:11)

巴拉克奥巴马说:“是的,你可以”。以下代码将执行您想要的操作:

$('#myCarousel').bind('mousewheel', function(e){$(this).carousel('next');});

答案 1 :(得分:2)

也许有人还需要

$('#myCarousel').bind('mousewheel DOMMouseScroll', function(e){
            if(e.originalEvent.wheelDelta > 0 || e.originalEvent.detail < 0{
                $(this).carousel('prev');
            }
            else{
                $(this).carousel('next');
            }
        });

滚动方向鼠标滚轮向左或向右滑动