jquery - jquery cycle2反向翻转不起作用

Question

我无法使cycle2“翻转”转换的“反向”功能工作？

我已在Link to file中附加了测试 Html 文件。我将 data-cycle-reverse=true 添加到幻灯片 div 中，但它仍然不起作用。有人可以帮我吗 ？

Answer 1

仅适用于幻灯片的data-cycle-reverse=true显示顺序，不适用于动画。

为了使翻转转换方向相反，您必须编辑 jquery.cycle2.flip.js 您应该只需要反转90代码中的所有 s。

改变这个（第 50 行）：

        // css before transition start
        rotateFn.call(next, -90);
        next.css({
            'display': 'block',
            'visibility': 'visible',
            'background-position': '-90px',
            'opacity': 1
        });

        curr.css('background-position', '0px');

        curr.animate({ backgroundPosition: 90 }, {

对此：

        // css before transition start
        rotateFn.call(next, 90);
        next.css({
            'display': 'block',
            'visibility': 'visible',
            'background-position': '90px',
            'opacity': 1
        });

        curr.css('background-position', '0px');

        curr.animate({ backgroundPosition: -90 }, {