網友嘿嘿分享一款超酷的圖片輪播Jquery插件

dengjianbin 13年前發布 | 35K 次閱讀 圖片展示jQuery插件 jQuery插件
首先謝謝網友嘿嘿的無私分享，此插件功能強大，可以活動配置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.baiduhome.net/lib/view/home/1345169216912

 本文由用戶 dengjianbin 自行上傳分享，僅供網友學習交流。所有權歸原作者，若您的權利被侵害，請聯系管理員。
 轉載本站原創文章，請注明出處，并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺，歡迎各類分享！