首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

运用 GalleryView 1.1制作相册说明

2012-11-22 
使用 GalleryView 1.1制作相册说明1. 引入 CSS 和 JS 文件??link typetext/css relstylesheet href

使用 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 的详细参数请参考下图。

?

运用 GalleryView 1.1制作相册说明

?

4. 效果预览?

运用 GalleryView 1.1制作相册说明

5. Demo 下载

附件 demo,欢迎下载。

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

Stay Hungry, Stay Foolish!

Afa

May 13rd, 2010

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

热点排行