一款经典的jQuery slidizle 幻灯片

jQuery广告幻灯片进度条，水平/左右切换，垂直/上下切换，自动播放，缩略图列表切换

在线实例

使用方法

1. <div class="sucaihuo" data-slidizle> 
2.     <ul data-slidizle-content> 
3.         <li style="background-image: url('img/01.jpg')"></li> 
4.         <li style="background-image: url('img/02.jpg')"></li> 
5.         <li style="background-image: url('img/03.jpg')"></li> 
6.     </ul> 
7.  
8.     <div data-slidizle-next> 
9.         <i class="fa fa-arrow-right"></i> 
10.     </div> 
11.     <div data-slidizle-previous> 
12.         <i class="fa fa-arrow-left"></i> 
13.     </div> 
14.  
15.     <ul data-slidizle-navigation></ul> 
16. </div>
17. <script src="js/jquery.slidizle.js"></script> 
18. <script> 
19.     $(function() { 
20.         $('.sucaihuo').slidizle(); 
21.     }); 
22. </script>

参数详解