向上和向下滑动革命滑块

Posted 2021-03-19

我正在为一个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 Swiping 我在这里找到了一些代码：: 如何从上往下滑动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();
});

})()

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

我是个新手，所以如果你能指出我哪里出了问题，那将是非常感激的。

答案

我想通了。

事实上，非常简单。我只是编辑了这里的插件Js文件。

revslider s-pluginjs。

jquery.themepunch.revolution.min。

和

jquery.themeepunch.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);

工作如梦如幻!

另一答案

完美的解决方案 我建议你通过以下方式联系我们 http:/themepunch.comsupport-center 并要求一个 "开箱即用 "的解决方案，这样你就可以让你的版本始终保持在最新的版本上，并且有这个选项，而不需要在每次更新时直接在脚本中添加这个变化。