如何使用caroufredsel允许按钮和滑动一起工作?

时间:2012-09-18 09:37:24

标签: jquery caroufredsel

我正在使用caroufredsel转到下一页和上一页。现在我正在尝试实现滑动。但我遇到了困难。我目前的代码如下。

function carouFredSel() {
    //  Scrolled by user interaction
    $('#pages').carouFredSel({
        prev:{ button: '#prev',
               onBefore: function() { $("#pages").children().children().hide(); },
               onAfter: function() { $("#pages").triggerHandler("currentVisible").children().show(); }
             },
        next:{ button: '#next',
               onAfter: function() { $("#pages").children().children().hide(); $("#pages").triggerHandler("currentVisible").children().show(); getRemainingPages(); }
             },
        height: '100%',
        width: '100%',
        align: 'left',
        auto: false,
        circular: false,
        infinite: true
    });
}

如何允许滑动以及下一个和上一个按钮一起工作?

1 个答案:

答案 0 :(得分:2)

有一个名为' swipe'。

的配置对象

你可以这样使用它:

      $('#pages').carouFredSel({
        ...
        swipe: {
          onTouch: true
        }
      });

你还需要加载这个jQuery插件: http://labs.skinkers.com/touchSwipe/