Question

希望你能提供帮助。我正在使用循环插件进行幻灯片放映，并且需要像fx这样的东西：'scrollHorz'分别在按下下一个/后退按钮时使幻灯片向左/向右移动。

此处的基本演示：http://jquery.malsup.com/cycle/scrollhv.html

然而，我必须使用fx：'custom'，因为我已经介绍了我自己的不透明效果。所以现在，我已经失去了左/右滑动！

有人可以帮我启用幻灯片向左滚动（即从右侧进入）以进行下一个按钮并向右滚动（即从左侧进入）以获得后退按钮，同时保持我的不透明效果？我已经设法让幻灯片在点击'#nextArrow'时从右向左移动，但我希望在按下'#prevArrow'时方向反转。

Cycle插件的当前代码：

$(document).ready(function() {
    $('#slideshowframe').cycle({
        fx: 'custom',
        timeout:0,      // setting for manual slideshow 
        speed:750,      // number of milliseconds between each transition
        next:   '#nextArrow', 
        prev:   '#prevArrow',
        cssBefore: {  
                top:  0, 
                    left: 1051,
                opacity: 0,
                display: 'block' 
        },

        animIn:  {  left: 0,
                opacity: 1
        },

        animOut: {  
                left: -1051,
                opacity: 0
        },
    });
});

Answer 1

将fx:'custom'替换为fx:'scrollHorz'

http://jquery.malsup.com/cycle/scrollhv.html

，您必须添加属性rev: 0,。

以下是一个示例：jsfiddle.net/7SQsX/21

jQuery Cycle - 如何使用自定义不透明效果的'scrollHorz'过渡（包括后退/下一个导航）？

1 个答案: