4-5 backstretch 輪播插件

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

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

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

用法：

引入

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

設定

    <script type="text/javascript">
      $(document).ready(function(){
        $('header').backstretch([
           "<{xoImgUrl}>img/slider1.jpg"
         , "<{xoImgUrl}>img/slider2.jpg"
         , "<{xoImgUrl}>img/slider3.jpg"
         ], {duration: 3000, fade: 750});
      });
    </script>

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