首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >jquery幻灯片放映循环选项

jquery幻灯片放映循环选项
EN

Stack Overflow用户
提问于 2014-01-01 00:53:49
回答 2查看 492关注 0票数 0

我有以下jquery幻灯片代码可以很好地工作:

代码语言:javascript
运行
复制
<script type="text/javascript">
$('#slideshow').cycle({
    fx: 'fade',
    speed: 1000,
    timeout: 5000
});
</script>

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

EN

回答 2

Stack Overflow用户

发布于 2014-01-01 01:10:44

您提供的代码只是调用jQuery周期插件。

因此,您需要在该plugin reference page中找到不同的插件选项

上一个和下一个的代码是写成here

代码语言:javascript
运行
复制
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);});
票数 0
EN

Stack Overflow用户

发布于 2014-01-01 02:45:06

尝试像这样添加按钮

代码语言:javascript
运行
复制
<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/

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/20860633

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档