jquery幻灯片循环选项答案

【问题标题】：jquery slideshow cycle optionsjquery幻灯片循环选项
【发布时间】：2014-01-18 14:00:36
【问题描述】：

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

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

我只是想知道是否以及如何使用 jquery 循环选项将 Prev 和 Next 按钮添加到幻灯片？我看到了 prev: & next: 选项，但它们到底是如何编码的？

【问题讨论】：

标签： jquery slideshow cycle

【解决方案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);});

【讨论】：

我做了，他们是上一个：&下一个：。当我添加它们时，幻灯片没有显示
你试过这个代码吗？$('#slideshow').cycle({ fx: 'fade', speed: '1000', timeout: 500, next: '#next2', prev : '#prev2' });
Sayan，添加了您的代码，但我在幻灯片上看不到 Prev & Next 链接
我在哪里添加你的代码：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);});

【解决方案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/

【讨论】：

我希望将它们叠加在幻灯片上
@John 你可以将 css 应用到他们身上
谢谢曼尼什。我想我在这方面有点过头了。