插件描述：3D轮播图，每张图都有标题，并且可以附加链接，点击最上层的图片可跳转对应的链接
通过以下代码设置图片数量以及自动播放时间等属性
$(document).ready(function() {
$('.roundabout_box ul').roundabout({
duration: 1000,
minScale: 0.6,
autoplay: true,
autoplayDuration: 5000,
minOpacity: 0,
maxOpacity: 1,
reflect: true,
startingChild: 3,
autoplayInitialDelay: 5000,
autoplayPauseOnHover: true,
enableDrag: true
});
});
PREVIOUS:
NEXT:
相关插件-幻灯片和轮播图
jQuery图片轮播插件jquery.tiles.js
jquery.tiles图片切换插件，支持多达12种特效、22个自定义参数；支持随机顺序、循环、正反方向、导航、缩略图；幻灯片播放前、中、后自定义事件等，相信可以满足绝大多数需求。
幻灯片和轮播图
讨论这个项目（78）回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约
茁源科技-张欢 0
2019/6/14 10:08:38
-
求助为什么不能跳转,急急急
西瓜0
2019/6/14 10:11:33
直接href="#"加链接，刚测试可以跳转没有问题
<li> <a href="http//www.jq22.com"><img src="img/zt2.png" alt=""><span class="text">Picture information 2</span></a> </li>
茁源科技-张欢0
2019/6/14 10:15:43
{loop $diyitem['data'] $menuitem}
<li style="width:90%;height:320px;margin:0px;list-style:none;display:block;">
<div style="height:55%;background:#fff;">
<a href="{php echo $menuitem['linkurl']}" style="display:inline;">
<div style="background:url('{php echo tomedia($menuitem['imgurl'])}') no-repeat center;width:100%;height:100%;">
</div>
</a>
</div>
茁源科技-张欢0
2019/6/14 10:16:19
-
苹果手机能跳转,安卓手机不能跳转
西瓜0
2019/6/14 10:37:29
-
你这个问题我这里无法测试，按理说安卓使用的是chrome浏览器，因该可以很好的支持。
? 匆匆 ?0
2020/4/22 16:33:10
-
爱收拾所
? 匆匆 ?0
2020/4/22 16:33:11
-
爱收拾所
Support 0
2018/12/19 16:00:16
-
点图片怎么跳转啊，有解决的么
Support0
2018/12/20 11:12:05
-
解决了 但是点击后跳转别的页面，跳回来的时候轮播不转了
茁源科技-何平0
2019/6/13 17:58:40
-
你是怎么写的,我也跳转不了
😃
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
😃
取消回复
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
