jQuery图片滑动特效集合[兼容无敌的IE6]

2016-04-16 19:15:43

jquery
SuperSlide 是致力于实现网站统一特效调用的函数,能解决大部分标签切换、焦点图切换等效果,还能多个slide组合创造更多的效果。(兼容ie内核(包括无敌的ie6)、webkit内核、ff、opera等主流浏览器)。

1.0版本带按钮的滚动效果(left、top)采用的是手动分页,这样做有一个缺点,就是当内容个数不确定的时候,可能会出现下面情况:
理想情况下:内容(图片)个数9,每次滚动3张,所以分页数是3
实际情况:客户只添加了6张图片,每次滚动3张,那么分页应该是2,此时就多出一页!
 
js调用:jQuery(".leftLoop").slide( { mainCell:".bd ul",effect:"leftLoop",vis:3,scroll:3,autoPlay:true} );
针对上述情况,1.2新增了autoPage让系统自动分页,兼容1.0,如果以前项目应用了SuperSlide,那么直接覆盖代码即可。
使用方法:需结合 titCell 使用,如果开启autoPage:true,此时titCell要指定为分页按钮的父层,因为系统会自动往titCell里面添加分页html!
例如:
手动分页调用为:
jQuery(".leftLoop").slide( { titCell:".hd ul li", mainCell:".bd ul",effect:"leftLoop",vis:3,scroll:3,autoPlay:true} )
开启autoPage后:jQuery(".leftLoop").slide( { titCell:".hd ul", mainCell:".bd ul",effect:"leftLoop",vis:3,scroll:3,autoPlay:true,autoPage:true} )

正确调用结果如下:
js调用:jQuery("#autoPage").slide({ titCell:".hd ul", mainCell:".bd ul",effect:"left",vis:3,scroll:3,autoPlay:true,autoPage:true})

为您推荐