我正在寻找建立一个网页,其中包含超过100个中等大小的图像列表,不幸的是我将无法访问数据库。
用户将过滤图像并一次显示大约8个(最多)。
这个想法是使用jQuery和CSS类过滤图像,显示/隐藏等,但即使所有图像都被隐藏,一旦页面打开,它们仍然需要加载。
处理这个问题的最佳方法是什么,所以页面加载时间不会太荒谬,某些java预取等?我不确定是否有一个简单的解决方案,但任何想法将不胜感激!
感谢。
答案 0 :(得分:2)
使用jQuery / CSS实际上并没有使用天真的show / hide实现加快速度,但是当用户按下时,您应该可以使用Ajax来动态加载图像集。过滤按钮。
另一个选择可能是使用XML和XSLT作为一种模拟数据库(这是一个相当可怕的解决方案,但规范也有点可怕)。
答案 1 :(得分:0)
我建议:
将所有图像存储在文件系统中。 因为每次从目录读取都很重,你应该阅读所有的图像路径 将它们添加到某种列表或dictonary并将它们存储在缓存中。
这是表演的第一部分。 下一部分页面本身,
当用户加载页面时,您将该列表从缓存序列化为客户端上的json对象。
从那里很容易。你已经在客户端上拥有所有图像路径
现在您可以创建一个jquery库或下载一个。每次只读取json对象的下8个图像。为每个人创建一个img元素。 就是这样。非常轻量级,尤其适用于您的服务器
:)