网友嘿嘿分享一款超酷的图片轮播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>