图片轮播图的应用很广泛,jquery Slides是一个很好的插件,它兼容所有的浏览器,使用起来很方便。缺点就是需要依赖于jquery。根据个人的使用情况,对调用Slides的参数进行中文注释,希望对一些童鞋有用。
preload: false, //加载图片
preloadImage: '/img/loading.gif', // 在加载图片时 显示的图片 默认图片 "/img/loading.gif"
container: 'slides_container', // 轮播图区域的class名字,默认是名字是slides_container
generateNextPrev: false, // 是否自动生成上一个/下一个的操作按钮或a
next: 'next', // 上一个按钮的class名字
prev: 'prev', // 下一个按钮的class名字
pagination: true, // 是否使用导航栏
generatePagination: true, // 是否自动生成导航栏
prependPagination: false, //是否采用前缀导航栏
paginationClass: 'pagination', //导航栏 class名字
currentClass: 'current', //当前图片所对应导航栏class名字
fadeSpeed: 350, // 淡入淡出速度
fadeEasing: '', //淡入淡出效果
slideSpeed: 350, //滑动速度
slideEasing: '', //滑动速度
start: 1, //滑动的时间,单位是毫秒
effect: 'slide', //轮播的效果,包括点击上一个,下一个 或导航栏的效果 有滑动和淡入淡出
crossfade: false, //淡入淡出时 效果不一样
randomize: false, //随机滑动
play: 0, //大于0设置为自动播放,间隔为设置的值
pause: 0, //大于0设置为点击上一个,下一个或导航栏时 出现暂停,暂停间隔为设置的值
hoverPause: false, //鼠标放在上面出现暂停
autoHeight: false, //自动调整高度
autoHeightSpeed: 350, //自动调整高度的时间
bigTarget: false, //针对于多图片为一组轮播时,点击时为轮播到下一个
animationStart: function(){}, //轮播开始时调用的函数
animationComplete: function(){}, //轮播结束后调用的函数
slidesLoaded: function() {} //一轮轮播完后调用的函数
具体的使用方法,就得童鞋们自己动手去网上http://slidesjs.com/ 下载了。