使用 GalleryView 1.1制作相册说明

1. 引入 CSS 和 JS 文件??

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

???

2. 定义一系列的 div 和 li 用于显示图像以及对应的缩略图??

<div id="photos" /></div><ul /></li></ul></div>

??

3. 编写脚本??

<script type="text/javascript"> $(document).ready(function(){$('#photos').galleryView({panel_width: 1000,panel_height: 750,frame_width: 154,frame_height: 115});});</script>

?事实上，这里的脚本编写定义了一些初始参数，关于?GalleryView 的详细参数请参考下图。

?

?

4. 效果预览?

5. Demo 下载

附件 demo，欢迎下载。

-------------------------------------------------

Stay Hungry, Stay Foolish!

Afa

May 13rd, 2010

-------------------------------------------------