网友嘿嘿分享一款超酷的图片轮播Jquery插件

dengjianbin 12年前
首先谢谢网友嘿嘿的无私分享,此插件功能强大,可以活动配置20多个参数,6种动画呈现效果,用的时候只要设置3个参数就可以实现功能强大的图片轮播效果,话不多说,先看效果
 
效果如下:

参数配置代码如下:
this.defaults = {   name: 'jquery-slider',   navigation: true,   selector: true,   timer: true,   control: true,   pauseOnClick: true,   pauseOnHover: true,   loop: true,   slideshow: true,   delay: 4500,   duration: 400,   bars: 9,   columns: 7,   rows: 3,   speed: 80,   padding: 8,   easing: "easeOutCubic",   transition: 'random',   onComplete: function() {},   onSlideshowEnd: function() {}  };
页面使用代码如下:
<script type="text/javascript">    jQuery(document).ready(function($) {      $(".slider").slideshow({        width      : 900,        height     : 325,        transition : 'bar'      });    });  </script>    <div class="slider">    <div> <img src="images/slide_1.jpg" alt=""/> </div>    <div> <img src="images/slide_2.jpg" alt=""/> </div>    <div> <img src="images/slide_3.jpg" alt=""/> </div>    <div> <img src="images/slide_4.jpg" alt=""/> </div>  </div>

项目主页:http://www.open-open.com/lib/view/home/1345169216912