Question

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

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

Answer 1

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

为了使Flip过渡方向相反，你必须编辑jquery.cycle2.flip.js 您只需要反转代码中的所有90。

更改此内容（第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 }, {

jquery cycle2反向翻转不起作用

1 个答案: