Question

我有以下jquery幻灯片代码正常工作：

<script type="text/javascript">
$('#slideshow').cycle({
    fx: 'fade',
    speed: 1000,
    timeout: 5000
});
</script>

我只是想知道是否以及如何使用jquery循环选项添加Prev＆amp;幻灯片的下一个按钮？我看到了上一篇：＆amp; next：选项，但它们究竟是如何编码的？

Answer 1

您提供的代码只是调用jQuery循环插件因此，您需要在plugin reference page中找到不同的插件选项 prev和next的代码是here

if (opts.next)
    $(opts.next).bind(opts.prevNextEvent,function(){return advance(opts,1);});
if (opts.prev)
    $(opts.prev).bind(opts.prevNextEvent,function(){return advance(opts,0);});

Answer 2

试试这样添加按钮

<a id="prev" href="#">Prev</a> 
<a id="next" href="#">Next</a>

$('#slideshow').cycle({ 
     fx: 'fade',
    speed: 1000,
    timeout: 5000,
    prev:   '#prev', //id of buttons
    next:   '#next', 
});

演示http://jsfiddle.net/LvBRA/1/

jquery幻灯片循环选项

2 个答案: