Question

我正在将Revolution Slider用于WordPress网站 - 我需要能够垂直滑动滑块中的幻灯片。目前，只有水平滑动工作。我能够使用提供的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 Swiping我在这里找到了一些代码：How to swipe top down JQuery mobile

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

向下滑动下一张幻灯片：

(function() {
    var slider = revapi2;

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

})()

向上滑动上一张幻灯片：

(function() {
    var slider = revapi2;

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

})()

什么都没有用 - 我对这些东西很陌生，所以如果你能指出我哪里出错了，那将非常感激。

由于

Answer 1

我明白了。

实际上非常简单。我刚刚编辑了这里找到的插件Js文件：

revslider \ RS-插件\ 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);

像梦一样工作！

Answer 2

完美的解决方案！我建议也可以通过http://themepunch.com/support-center与我们联系，并要求提供一个＆＃34;开箱即用＆＃34;解决方案，因此您可以使您的版本始终保持最新版本，并且可以使用该选项，而无需在每次更新时直接在脚本中添加此更改。

向上和向下滑动以获得Revolution Slider

2 个答案: