在单个网页上过滤大量图像 - 没有数据库

时间:2010-07-16 09:15:05

标签: jquery html css image-processing

我正在寻找建立一个网页,其中包含超过100个中等大小的图像列表,不幸的是我将无法访问数据库。

用户将过滤图像并一次显示大约8个(最多)。

这个想法是使用jQuery和CSS类过滤图像,显示/隐藏等,但即使所有图像都被隐藏,一旦页面打开,它们仍然需要加载。

处理这个问题的最佳方法是什么,所以页面加载时间不会太荒谬,某些java预取等?我不确定是否有一个简单的解决方案,但任何想法将不胜感激!

感谢。

2 个答案:

答案 0 :(得分:2)

哎呀,听起来像是一场噩梦。

使用jQuery / CSS实际上并没有使用天真的show / hide实现加快速度,但是当用户按下时,您应该可以使用Ajax来动态加载图像集。过滤按钮。

另一个选择可能是使用XML和XSLT作为一种模拟数据库(这是一个相当可怕的解决方案,但规范也有点可怕)。

答案 1 :(得分:0)

我建议:

将所有图像存储在文件系统中。 因为每次从目录读取都很重,你应该阅读所有的图像路径 将它们添加到某种列表或dictonary并将它们存储在缓存中。

这是表演的第一部分。 下一部分页面本身,

当用户加载页面时,您将该列表从缓存序列化为客户端上的json对象。

从那里很容易。你已经在客户端上拥有所有图像路径

现在您可以创建一个jquery库或下载一个。每次只读取json对象的下8个图像。为每个人创建一个img元素。 就是这样。非常轻量级,尤其适用于您的服务器

:)