9. 第九週 圖片輪播

backstretch 一個簡單的jQuery插件，它允許你動態調整大小，幻燈片功能的背景圖像添加到任何頁面或元素

官網：http://srobbin.com/jquery-plugins/backstretch/

示範：https://www.ugm.com.tw/tncomu/backstretch.html

用法：

引入

<script src="js/backstretch/jquery.backstretch.min.js"></script>

設定

    <script type="text/javascript">
      $(document).ready(function(){
        $('.top-content').backstretch([
           "img/3.jpg"
         , "img/2.jpg"
         , "img/1.jpg"
         ], {duration: 3000, fade: 750});
      });
    </script>

範例：https://www.ugm.com.tw/tncomu/backstretch.html