优化批量大图片浏览效果设计

思路：

在客户端配置、网络情况设定的情况下，加速图片显示效果可采用增大下载时间、减少单次下载量的方式，以提高用户体验。

实现方式：

1.服务器自动将待浏览的图片生成缩略图，保存到Web服务器下

2.客户端下载部分临时生成（或已存在）的缩略图

3.查看特定图片时，即时下载实际图片

项目文件介绍：

1.index.jsp

测试页面，用于显示图片

2.imageFrame.js

测试页面与flash插件交互的脚本内容

3.Photo.swf

Flash插件，实现图片动态浏览

4.PictureFrameServlet.java

接受Flash插件数据请求，返回图片信息

5.PictureFrame.java

整个应用的核心类，实现以下两个功能：

1）生成缩略图

2）返回有关浏览图片信息的XML文档

XML文件格式:

<images>

<image>

<name></name>

<small></small>

<big></big>

</image>

...

<images>

6.ImageCompress.java（基于网络开源代码修改）

压缩图片，生成大小为120*120的缩略图

功能使用步骤：

1.在图片浏览页面添加Flash插件和脚本imageFrame.js

2.自定义sql,server,folder三个参数(具体含义见imageFrame.js)

3.修改imageFrame.js中showFullPic方法，利用返回的原图路径，显示原图

4.配置PictureFrameServlet

附：

测试项目T1，模拟图片服务器(注意修改PictureFrameServlet.java文件中file变量为T1的IP和端口号)

源码下载：http://download.csdn.net/source/2372028