xSlider轻量焦点轮播图插件

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

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

手机移动端图片播放

手机移动端图片轮播,请在移动端查看效果,或在pc端 浏览器下模拟移动段查看。
  幻灯片和轮播图
 11412  22

jQuery带缩略图的轮播

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

炫酷html5+css3响应式焦点图

炫酷html5+css3响应式焦点图,支持非响应前段布局。
  幻灯片和轮播图
 7808  49

强大的js焦点图插件myFocus(完整版)

myFocus是一个专注于WEB端焦点图轮换图的JS库。该焦点图插件集成了30多种风格图片切换效果,体积小,使用简单,兼容ie6+和所有的主流浏览器。
  幻灯片和轮播图
 6410  102

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

取消回复