2

希望你能帮忙。我正在使用循环插件进行幻灯片放映，并希望使用类似 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
        },
    });
});
4

1 回答 1

2

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

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

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

这是一个例子：jsfiddle.net/7SQsX/21

于 2012-11-09T10:40:52.687 回答