xSlider轻量焦点轮播图插件

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

 8162  29  查看评论 (5)
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 3D效果的轮播

jQuery 3D效果的轮播,代码注释全,适合新手学习。
  幻灯片和轮播图
 6215  27

动画效果的焦点图播放

LayerSlider带动画效果的焦点图代码
  幻灯片和轮播图
 7748  14

jquery焦点图轮播插件excoloSlider

jquery焦点图轮播插件excoloSlider,支持拖拽
  幻灯片和轮播图
 11163  22

jQuery自适应滑块轮播图插件zpSlide

zpSlide滑块集轮播图幻灯片,滑块集轮播图个数可自定义,并完全自适应于手机端、ipad、电脑端
  幻灯片和轮播图
 4381  14

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

    雨中漫步 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

    好像稍微有点问题~

    回复
取消回复