jQuery插件slider实现图片轮播

jQuery插件slider实现图片轮播

1:引入相应的js文件  jquery.SuperSilder.js

 2:HTML: 结构

   jQuery插件slider实现图片轮播

注:此地加载图片的代码也可以从后台库中读取图片的集合列表,然后通过循环的方式显示出来

3:CSS 样式定义左右按钮

jQuery插件slider实现图片轮播

4:jQuery: 部分

jQuery插件slider实现图片轮播

5:实现效果

  jQuery插件slider实现图片轮播

6:参数说明:

bxSlider 详细配置参数:
bxSlider有很多配置参数,使你能够用参数制作出各种各样的slider效果:

jQuery插件slider实现图片轮播

jQuery插件slider实现图片轮播

 7:jquery.SuperSlide - 详情参数

   http://down.admin5.com/demo/code_pop/18/562/param.html

jQuery插件slider实现图片轮播

jQuery插件slider实现图片轮播