jQuery Cycle - 如何将"scrollHorz"过渡(包括后退/下一个导航)与自定义不透明度效果一起使用？

Question

希望您能提供帮助。我正在将循环插件用于幻灯片，并希望像FX：" Scrollhorz"分别按下下一个/后按钮时向左/右移动。

基本演示：http：//jquery.malsup.com/cycle/scrollhv.html

但是，我不得不使用FX："自定义"，因为我引入了自己的不透明效果。所以现在，我失去了左/右滑动！

有人可以帮助我启用幻灯片左滚动（即从右侧输入）以获取下一个按钮，然后向右滚动（即从左侧输入）以进行后按钮，同时保持我的不透明度效果？我设法使幻灯片在单击" #nextarrow"时从右到左移动，但我希望在按下'#prevarrow'时逆转。

循环插件的当前代码：

$(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:'scrollHorz'

替换 fx:'custom'

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

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

这是一个示例：jsfiddle.net/7sqsx/21