向上和向下滑动革命滑块

问题描述 投票:1回答:3

我正在为一个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();
});

})()

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

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

jquery jquery-mobile revolution-slider
3个回答
0
投票

我想通了。

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

revslider\rs-plugin\js。

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);

工作如梦如幻!


0
投票

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

© www.soinside.com 2019 - 2024. All rights reserved.