插件描述：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插件 - refineslide
今天我们介绍的这个幻灯插件能够帮助我们使用响应式的方式展示图片幻灯，最重要的在于它支持很多超棒的CSS3幻灯过渡效果，能够帮助你创建超酷的幻灯效果。
幻灯片和轮播图
讨论这个项目（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
-
你是怎么写的,我也跳转不了
😃
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
😃
取消回复
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
