插件描述：banner图片翻滚效果
2016-11-15更新（修复移动端无法拖拽切换，自动播放等问题）
============以下内容由 晴风无眠 提供=========
$('#featured-area ul').roundabout({
easing: 'easeOutInCirc',
duration: 600 // 移动时间
// btnPrev: '#...' // 向左移动按钮
// btnNext: '#...' // 向右移动按钮
});================以下内容由 晴风无眠 提供============
最新版本2.4.2
$('主元素名称').roundabout({
duration: 600, // 运动速度
btnPrev: ".ban_r_btn", // 右按钮
btnNext: ".ban_l_btn", // 左按钮
autoplay: true, // 自动播放
autoplayDuration: 1500,// 自动播放的时间
minOpacity: 0, //最小的透明度
maxOpacity: 1, //最大的透明度
reflect: true, // 为true时是从左向右移动，为false从右向左移动
startingChild: 3, // 默认的显示第几张图片
autoplayInitialDelay: 5000, // 从第几秒时，开始自动播放（默认毫秒）开始的第一次管用
autoplayPauseOnHover: true, // 鼠标移入元素内是否自动播放，为true不播放，false还自动播放
enableDrag: true // 在移动端可以拖拽播放
});
PREVIOUS:
NEXT:
相关插件-幻灯片和轮播图
纯CSS全屏轮播滑块
用CSS制作交互式滑块，这是可能的，没有使用任何JavaScript。在这里下面教程告诉你如何使纯CSS不使用jQuery或基于JavaScript来创建全屏滑块。
幻灯片和轮播图
jQuery跨浏览器幻灯片插件jquery.iosslider
iosSlider iosSlider是一个可定制的、跨浏览器幻灯片jQuery插件。设计用于作为内容滑块、旋转木马、滚动网站旗帜或者图片库。其效果类似于ios的横向滚屏效果
幻灯片和轮播图
讨论这个项目（50）回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约
yu7544 0
2019/2/20 14:56:10
-
轮播展示的图片数增加，两侧的图片就会变宽，这里有办法修改或解决吗？
yu75441
2019/2/20 16:06:12
现在我的解决方案是：
设置一个有固定宽高的容器，然后修改插件宽度 jquery.roundabout.css：
.roundabout-holder {
...
width: 60%;
...
}
.roundabout-moveable-item {
...
width: 80%;
...
}现在虽然图片个数不同，宽度会略有不同，但是总体相差不多，而且都在容器里面，不会像之前，3个图片与5个图片宽度相差很大。
😃
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
😃
取消回复
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
