xSlider轻量焦点轮播图插件

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

 6418  23  查看评论 (4)
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
相关插件-幻灯片和轮播图

OwlCarousel2支持触摸屏的响应式jQuery旋转木马插件

OwlCarousel2支持触摸屏的响应式jQuery旋转木马
  幻灯片和轮播图
 12992  71

jQuery旋转木马插件PicCarousel.js

PicCarousel.js是一款简单实用的jQuery 3D旋转木马插件。该旋转木马插件设计清新简洁,非当前显示的图片采用半透明设计,形成比较强烈的立体感。
  幻灯片和轮播图
 18175  91

jquery css3图片切换5种效果

jquery css3实现图片切换,爆炸效果,翻转效果,扭曲效果,立方体效果,翻页效果
  幻灯片和轮播图
 14189  49

jquery左右全屏渐变切换焦点图特效

全屏渐变切换焦点图特效
  幻灯片和轮播图
 3269  22

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

    雨中漫步 0
    2017/7/10 14:32:31
    // 初始化xSlider,可选参数config$('.slider').xSlider()怎么往里面加参数呢??
    回复
    说故事的人 0
    2017/6/28 11:09:48
    图片能加上文字说明就好了 回复
    豆腐乳伴酒 0
    2017/6/9 10:56:17

    换图片后会有问题

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

    好像稍微有点问题~

    回复
取消回复