jquery-galleryview-2.0 漂亮多樣化的圖片特效（多項自定義）

 jQuery GalleryView精美相冊，使用 jQuery1.4.2插件，就是在jquery網站下載的壓縮包裏沒有demo，大家也可以下載研究下，官方網只有1.1版本的演示。這個相冊最新的是2.0版，研究也成功了，許多網友用1.1版本來引用2.0的js測試總報錯，因爲2.0改變了方法。下面是我的測試的最新版本2.0，以及使用方法。

插件下載：http://plugins.jquery.com/project/galleryview

官方網：http://spaceforaname.com/galleryview

使用方法：

<link type="text/css" rel="stylesheet" href="galleryview.css" />
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/jquery.galleryview-2.0.js"></script>
<script type="text/javascript" src="js/jquery.timers-1.2.js"></script>

<script type="text/javascript">
    $(document).ready(function () {
        $('#photos').galleryView({
            panel_width: 800,
            panel_height: 300,
            frame_width: 100,
            frame_height: 100,
            easing: 'swing',
            pause_on_hover: true,
            nav_theme: 'light',
            overlay_opacity: 0.5,
            overlay_height: 10
        });
    });
</script>

 <ul id="photos">
    <li><span class="panel-overlay"> 春</span>    <img src="img/01.jpg" /> </li>
    <li><span class="panel-overlay"> 夏</span> <img src="img/02.jpg" /> </li>
    <li><span class="panel-overlay"> 蝸牛</span> <img src="img/03.jpg" /> </li>
    <li><span class="panel-overlay"> 花</span> <img src="img/04.jpg" /> </li>
    <li><span class="panel-overlay"> 秋</span> <img src="img/05.jpg" /> </li>
    <li><span class="panel-overlay"> 浪</span> <img src="img/06.jpg" /> </li>
    <li><span class="panel-overlay"> 泉</span> <img src="img/07.jpg" /> </li>
     <li><span class="panel-overlay"> 冬</span> <img src="img/08.jpg" /> </li>
  </ul>

 

參數（2.0版本）

參考如下：

以上參數可以根據自己需要設置，比如圖片大小， 透明度，動畫效果，縮略圖在左、右、上、下，縮略圖箭頭大小，是否顯示文字描述，是否隱藏某部分啊等等..

    本文轉自曾祥展博客園博客，原文鏈接：http://www.cnblogs.com/zengxiangzhan/archive/2010/03/12/1684100.html，如需轉載請自行聯繫原作者