xSlider轻量焦点轮播图插件

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

 9439  33  查看评论 (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带缩略图的轮播

通过点击缩略图或点击缩略图左右按钮进行切换
  幻灯片和轮播图
 23229  176

jQuery幻灯插件YlSlide

YlSlide幻灯插件,过渡效果棒棒的。
  幻灯片和轮播图
 2961  14

带暂停功能的图片左右切换jQuery焦点图

带暂停功能的图片左右切换jQuery焦点图,图片左右切换非常好用
  幻灯片和轮播图
 11474  43

jQuery360度旋转轮播

jQuery360度旋转轮播
  幻灯片和轮播图
 16430  66

讨论这个项目(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

    好像稍微有点问题~

    回复
取消回复