jQuery插件-轻量图片轮换-UISlide

jQuery插件-轻量图片轮换-UISlide

特点:

1. 带标题内容的图片切换。预览图

jQuery插件-轻量图片轮换-UISlide_第1张图片

2. 接口简单,因为简单所以修改方便。

 修改第1行或第4行宽高即可。

1  .slide_wrap{ position: relative; width: 710px; height: 340px;  margin-bottom: 5px; border: 2px solid #ccc; background: #fff; color: #666; overflow: hidden;}
2  .slide_imglist{}
3  .slide_imglist li{ float: left; margin-right: 3px; display: inline;}
4  .slide_imglist li img{ width: 710px; height: 340px; display: block;}

调用参数:

playTime    :2000,             //  间隔时间
duration    :800,              //  延迟时间
direction   :'left',           //  方向
easing      :'easeInOutQuad',  //  自动播放时 easing 方式
clickEasing :'easeOutCubic'    //  点击时 easing 方式

3. 多个轮换交易方便调用。

$('#slide').UISlide();
$('#slide2').UISlide();

IE刷新之后才能出载入jquery文件。

另外的方式:

你可能感兴趣的:(jquery插件)