jquery-galleryview-2.0 漂亮多样化的图片特效（多项自定义）

核心提示：jQuery GalleryView精美相册，使用 jQuery1.4.2插件，jquery-galleryview-2.0 漂亮多样化的图片特效（多项自定义），本来使用的是jquery 1.3.2，测试没有问题，缩略图在左、右、上、下，缩略图箭头大小，就是在jquery网站下载的压缩包里没有demo，大家也可以下载研

jQuery GalleryView精美相册，使用 jQuery1.4.2插件，本来使用的是jquery 1.3.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="http://tech.ddvip.com/2010-03/img/01.jpg"　/>　</li>　
　　<li><span　class="panel-overlay">　夏</span>　<img　src="http://tech.ddvip.com/2010-03/img/02.jpg"　/>　</li>　
　　<li><span　class="panel-overlay">　蜗牛</span>　<img　src="http://tech.ddvip.com/2010-03/img/03.jpg"　/>　</li>　
　　<li><span　class="panel-overlay">　花</span>　<img　src="http://tech.ddvip.com/2010-03/img/04.jpg"　/>　</li>　
　　<li><span　class="panel-overlay">　秋</span>　<img　src="http://tech.ddvip.com/2010-03/img/05.jpg"　/>　</li>　
　　<li><span　class="panel-overlay">　浪</span>　<img　src="http://tech.ddvip.com/2010-03/img/06.jpg"　/>　</li>　
　　<li><span　class="panel-overlay">　泉</span>　<img　src="http://tech.ddvip.com/2010-03/img/07.jpg"　/>　</li>　
　　　<li><span　class="panel-overlay">　冬</span>　<img　src="http://tech.ddvip.com/2010-03/img/08.jpg"　/>　</li>　
　</ul>　

参数（2.0版本）

参考如下：

查看原图（大图）

以上参数可以根据自己需要设置，比如图片大小， 透明度，动画效果，缩略图在左、右、上、下，缩略图箭头大小，是否显示文字描述，是否隐藏某部分啊等等..