1

我正在为 WordPress 网站使用 Revolution Slider - 我需要能够垂直滑动滑块中的幻灯片。目前，只有水平滑动有效。我能够使用提供的 API 让滑块响应垂直鼠标滚动，但垂直滑动不起作用。

我将它用于鼠标滚动，它工作正常：

(function() {

    // change "revapi1" here to whatever API name your slider uses (see notes below)
    var slider = revapi2;

    slider.parent().on('mousewheel DOMMouseScroll', function(event) {

        if(event.originalEvent.wheelDelta > 0 || event.originalEvent.detail < 0) {

            slider.revprev();

        }
        else {

            slider.revnext();

        }

    });

RE Vertica 刷卡我在这里找到了一些代码：如何从上到下滑动 JQuery 移动

但我不确定从那里去哪里，或者它是否是我正在寻找的东西。
到目前为止，我有：

向下滑动查看下一张幻灯片：

(function() {
    var slider = revapi2;

slider.parent().on('swipedown', function(event) {
slider.revnext();
});

})()

向上滑动查看上一张幻灯片：

(function() {
    var slider = revapi2;

slider.parent().on('swipeup', function(event) {
slider.revprev();
});

})()

没有任何工作 - 我对这些东西很陌生，所以如果你能指出我哪里出错了，那将不胜感激。

谢谢

4

2 回答 2

0

完美的解决方案！我建议您也通过http://themepunch.com/support-center与我们联系，并要求提供“开箱即用”的解决方案，这样您就可以使您的版本始终与最新版本保持同步，并有可用的选项无需每次更新时直接在脚本中添加此更改。

于 2015-03-16T16:25:48.163 回答
0

我想到了。

其实很简单。我刚刚编辑了这里找到的插件 Js 文件：

revslider\rs-plugin\js

jquery.themepunch.revolution.min

和

jquery.themepunch.revolution

我找到了“滑动功能”并将“左”替换为“上”，将“右”替换为“下”

////////////////////////////
        // SET THE SWIPE FUNCTION //
        ////////////////////////////
        var swipeAction = function(container,opt) {
            // TOUCH ENABLED SCROLL
                var aps = "vertical";

                if (opt.touchenabled=="on") {
                            if (opt.drag_block_vertical == true) 
                                aps = "none";

                            container.swipe({

                                fingers:opt.swipe_min_touches,                              
                                treshold:opt.swipe_treshold,                                
                                swipe:function(event,direction,distance,duration,fingerCount,fingerData) {
                                    switch (direction) {
                                        case "up":
                                             if (opt.transition==0) {
                                                                opt.next = opt.next+1;
                                                                if (opt.next == opt.slideamount) opt.next=0;
                                                                callingNewSlide(opt,container);
                                                        }
                                        break;
                                        case "down":
                                            if (opt.transition==0) {
                                                                opt.next = opt.next-1;
                                                                opt.downarrowpressed=1;
                                                                if (opt.next < 0) opt.next=opt.slideamount-1;
                                                                callingNewSlide(opt,container);

像梦一样工作！

于 2015-01-01T19:13:33.133 回答