javascript - Nivo Slider 滑动解决方法(并不总是在一个方向滑动)

Question

让我先说明一下我是多么喜欢 stackoverflow 上的这个社区，它总是对浏览和在这里提问有很大帮助，所以非常感谢!

问题。所以我有一个客户想要一个幻灯片，如果按下右导航箭头，可以从右->到->左滑动图像，如果按下左箭头，则可以从左->到->右滑动图像。

目前在 nivo-slider(这是我真正使用过的唯一一个)的配置文档中，除了始终向右滑动或始终向左滑动(slideInLeft、slideInRight)之外，我似乎无法得到任何东西。

无论如何，例如，描绘哪个被按下，并运行该动画方法而不是通常的方法？

提前致谢，阿莱斯基。

Answer 1

将此添加到“jquery.nivo.slider.js”之前的注释“//运行效果”之前的注释和代码中的“//由“数据转换”属性定义的自定义转换”。如果您单击向左或向右箭头或按钮，这将显示更改当前效果。对于这项工作，您必须在 HTML 中使用没有“data-transition”属性的图像和默认效果，您必须在注释“//Default settings”下的“jquery.nivo.slider.js”中定义默认效果，因为“data-transition”属性更受欢迎。我为我的项目编写正确的代码。

        if(nudge === 'prev'){
            currentEffect = 'slideInLeft';
        } 
        else if (nudge === 'next'){
            currentEffect = 'slideInRight';
        }
        else if (nudge === 'control'){
            currentEffect = 'fade'; /*test*/
        }