jQuery外掛slick實現響應式行動裝置幻燈片圖片切換特效_jquery

jQuery響應式手機端行動端投影片圖片切換特效外掛程式slick，基於jQuery，功能非常強大，支援左右按鈕切換、支援圓點切換、支援自訂切換數量，支援自訂切換速度、支援圖片預載入、支援自動播放定義，效果非常的不錯，眾多的參數自訂支持，覺得可以的可以參考他們的參數配置，還是值得學習使用的。

使用方法：

1.載入外掛程式和jQuery

<script src="//code.jquery.com/jquery-1.11.0.min.js"></script> 
<script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script> 
<script type="text/javascript" src="slick/slick.js"></script> 
<link rel="stylesheet" type="text/css" href="slick/slick.css"/> 

2.HTML內容

<div class="slider fade"> 
<div><div class="image"><img src="img/fonz1.png"/></div></div> 
<div><div class="image"><img src="img/fonz2.png"/></div></div> 
<div><div class="image"><img src="img/fonz3.png"/></div></div> 
</div> 

3.函數呼叫

<script type="text/javascript"> 
$(document).ready(function() { 
  $('.fade').slick({ 
    dots: true, 
    infinite: true, 
    speed: 500, 
    fade: true, 
    slide: 'div', 
    cssEase: 'linear' 
  }); 
}); 
</script> 

查看DEMO   立即下載

以上所述就是本文的全部內容了，希望大家能夠喜歡。