Jquery Slides1.1.8版本注释

图片轮播图的应用很广泛,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/ 下载了。

你可能感兴趣的:(jquery,Slides1.1.8)