插件描述：轻量、简单的xSlider轮播图（幻灯片）插件
xSlider for jQuery 轮播图插件
用法说明
html
<div class="slider"> <div class="slider-img"> <ul class="slider-img-ul"> <li><img src="images/slider-5.jpg"></li> <li><img src="images/slider-1.jpg"></li> <li><img src="images/slider-2.jpg"></li> <li><img src="images/slider-3.jpg"></li> <li><img src="images/slider-4.jpg"></li> <li><img src="images/slider-5.jpg"></li> <li><img src="images/slider-1.jpg"></li> </ul> </div> </div>
javascript
// 初始化xSlider,可选参数config
$('.slider').xSlider()可选参数
| config | 说明 | 默认属性 |
|---|---|---|
| w | 轮播图宽度 | .slider的宽度 |
| current | 默认显示第n张图（从0开始） | 0 |
| speed | 图片切换速度 | 500 |
| intervalTime | 自动切换时长 | 5000 |
PREVIOUS:
NEXT:
相关插件-幻灯片和轮播图
jQuery图片轮播插件jquery.tiles.js
jquery.tiles图片切换插件，支持多达12种特效、22个自定义参数；支持随机顺序、循环、正反方向、导航、缩略图；幻灯片播放前、中、后自定义事件等，相信可以满足绝大多数需求。
幻灯片和轮播图
讨论这个项目（7）回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约
雨中漫步 0
2017/7/10 14:32:31
| // 初始化xSlider,可选参数config$('.slider').xSlider()怎么往里面加参数呢？？ |
青木0
2017/8/8 13:36:41
js 解压缩呀 大哥 里面不是有么 看的懂你可以改这个轮播的呀
😃
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
😃
取消回复
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
