首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >加载大型图片库的最佳实践

加载大型图片库的最佳实践
EN

Stack Overflow用户
提问于 2011-09-20 14:41:59
回答 4查看 5.5K关注 0票数 1

我有一个出人意料的130张图片的画廊。最初,我的方法是在$(window).load();上淡入画廊

显然,这在130个文件中是可笑的。实际上,没有人愿意处理这么多的http请求。

所以这就是我的“可能会被关闭的主观问题”。

我很不情愿地想,也许我应该只加载20个左右的图像,然后随着用户在图库中的进展而加载更多的ajax。但这是未知的,听起来很可怕。

谢谢你的建议!

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2011-09-20 14:50:26

最初加载一些图像,然后对其他图像使用预加载器。

公共jquery图库是否为画廊做了这样的事情:http://www.twospy.com/galleriffic/

如果你想手动构建解决方案,你可以使用preloader:http://engineeredweb.com/blog/09/12/preloading-images-jquery-and-javascript

票数 1
EN

Stack Overflow用户

发布于 2011-09-20 14:48:00

这将是一个好主意,只加载用户需要的i年龄,通过只显示10-20的时间与“查看更多”或“下一页”链接在您的页面上的某处。另一种方法是在用户向下滚动页面时加载图像!使用scroll()方法,文档如下:http://api.jquery.com/scroll/

我会使用单独的页面,当用户单击不同的链接时,使用jQuery加载下一组图像。

票数 0
EN

Stack Overflow用户

发布于 2011-09-20 14:50:27

确切地说,最好的方法是像你写的那样,只加载部分图像,然后加载其余的图像。

我的建议是只加载3-5个图像,并添加事件的“下一步”按钮加载更多。找到jquery.lazyload.js并尝试集成到您的页面。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/7481108

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档