jquery图片左右滚动插件制作焦点图片左右滚动与列图片左右滚动,可自定义选项图片滚动,带索引导航按钮左右图片滚动。
默认状态属性:
$.fn.slides.option = {
preload: false, // 预载图像,图像的幻灯片设置为true
preloadImage: '/img/loading.gif', // preloader的加载图像的名称和位置. 默认为 "/img/loading.gif"
container: 'slides_container', // 幻灯片容器类的名称. 默认为 "slides_container"
generateNextPrev: false, // 自动生成下一个/上一个按钮
next: 'next', // 下一个按钮的类名
prev: 'prev', // 上一个按钮的类名
pagination: true, // 如果你不使用分页,您可以设置为false
generatePagination: true, // 自动生成分页
prependPagination: false, // 前置分页
paginationClass: 'pagination', // 用于分页的类的名称
currentClass: 'current', // 当前类的类名
fadeSpeed: 350, // 设定的速度以毫秒为单位的褪色动画
fadeEasing: '', // 扩展jQuery的插件前必须加载 http://gsgd.co.uk/sandbox/jquery/easing/
slideSpeed: 350, // 设定的速度以毫秒为单位的滑动动画
slideEasing: '', // 扩展jQuery的插件前必须加载 http://gsgd.co.uk/sandbox/jquery/easing/
start: 1, // 设定的速度以毫秒为单位的滑动动画
effect: 'slide', // 选择两种简单的切换过渡方式'slide, fade'
crossfade: false, // 在基于图像的幻灯片淡出淡入图像
randomize: false, // 设置为true,随机幻灯片
play: 0, // 自动播放幻灯片, 正数将设置为true,并在毫秒时间之间的幻灯片动画
pause: 0, // 点击下一页/上一页或分页暂停幻灯片. 正数将设置为true,以毫秒为单位的暂停时间
hoverPause: false, // 设置为真和悬停在幻灯片将暂停
autoHeight: false, // 设置为自动调整高度真实
autoHeightSpeed: 350, // 设置自动高度动画的时间,以毫秒为单位
bigTarget: false, // 设置为true,整个幻灯片上点击链接到下一张幻灯片
animationStart: function(){}, // 在动画的开始调用的函数
animationComplete: function(){}, // 在动画完成后调用的函数
slidesLoaded: function() {} // 函数被调用时,滑块满载
}; |
预览:
|