xSlider轻量焦点轮播图插件

所属分类:媒体-幻灯片和轮播图

 10971  39  查看评论 (7)
xSlider轻量焦点轮播图插件 ie兼容6

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
相关插件-幻灯片和轮播图

jquery原创图片切换插件drawerSwitch

jquery原创图片切换插件drawerSwitch
  幻灯片和轮播图
 6163  25

jQuery自动轮插件jquery.SuperSlide

基于jquery.SuperSlide写的,希望大家喜欢!
  幻灯片和轮播图
 18690  120

不规则图片切换特效

TweenMax不规则图片切换特效
  幻灯片和轮播图
 15901  212

jQuery轮播图插件

jQuery滑动式轮播图插件
  幻灯片和轮播图
 2875  11

讨论这个项目(7)回答他人问题或分享插件使用方法奖励jQ币

    qqqwwweee123456 0
    2018/1/18 14:32:34

    鼠标放上去后能不轮播吗

    回复
    中国食品代理网 0
    2017/12/1 15:06:15
    雨中漫步 0
    2017/7/10 14:32:31
    // 初始化xSlider,可选参数config$('.slider').xSlider()怎么往里面加参数呢??
        青木0
        2017/8/8 13:36:41

        js 解压缩呀 大哥 里面不是有么   看的懂你可以改这个轮播的呀

    回复
    说故事的人 0
    2017/6/28 11:09:48
    图片能加上文字说明就好了 回复
    豆腐乳伴酒 0
    2017/6/9 10:56:17

    换图片后会有问题

    回复
    兼非 0
    2017/6/7 10:38:27

    好像稍微有点问题~

    回复
取消回复