我有一个包含130张图片的大图库，最初，我的方法是在$(window).load();上淡入图库显然，这是可笑的130个文件...真的，没有人想处理这么多的http请求无论如何。所以这就是我的“主观问题，很可能是关闭的。”我很不情愿地想，也许我应该只加载20张左右的图片，然后随着用户在图库中的进展，加载更多的ajax，但这是未知的，听起来很可怕。谢谢你的建议！
$(window).load();
8yoxcaq71#
最初加载几个图像，然后使用其他图像的预加载器。Common jquery gallery does this look for gallerific : http://www.twospy.com/galleriffic/
如果您想手动构建解决方案，可以使用预加载器：http://engineeredweb.com/blog/09/12/preloading-images-jquery-and-javascript
pxyaymoc2#
只在用户需要的时候加载图片是个好主意，可以在页面上的某个地方一次只显示10-20个图片，并带有“查看更多”或“下一页”链接。另一种方法是在用户向下滚动页面时加载图片！使用scroll（）方法，如下所示：http://api.jquery.com/scroll/我将使用单独的页面，在用户单击不同链接时，使用jQuery加载下一组图像。
i34xakig3#
当然最好的方法是像你写的那样，只加载一些图像，然后加载其余的。我的建议是只加载3-5张图片，并添加“下一步”按钮来加载更多图片。找到jquery.lazyload.js并尝试将其集成到您的页面中。
cgfeq70w4#
这是一个主观的问题，但是，基本的答案是在页面加载 * 之后 * 加载图像，这样就不会阻止页面。你也应该使用缩略图，我见过很多自制的画廊，只是压缩原始图片到一个缩略图加载...这是不好的;）如果你不想走下一页/上一页的路线，你可以只在5/6/7 ×无限大的网格中加载缩略图，只在可见的占位符中加载图片。1.加载页面1.为每张图片创建占位符1.为可见占位符加载图片1.当用户向下滚动页面时，加载进入视口的占位符的图片。或者别的什么;）
4条答案
按热度按时间8yoxcaq71#
最初加载几个图像，然后使用其他图像的预加载器。
Common jquery gallery does this look for gallerific : http://www.twospy.com/galleriffic/
如果您想手动构建解决方案，可以使用预加载器：http://engineeredweb.com/blog/09/12/preloading-images-jquery-and-javascript
pxyaymoc2#
只在用户需要的时候加载图片是个好主意，可以在页面上的某个地方一次只显示10-20个图片，并带有“查看更多”或“下一页”链接。另一种方法是在用户向下滚动页面时加载图片！使用scroll（）方法，如下所示：http://api.jquery.com/scroll/
我将使用单独的页面，在用户单击不同链接时，使用jQuery加载下一组图像。
i34xakig3#
当然最好的方法是像你写的那样，只加载一些图像，然后加载其余的。
我的建议是只加载3-5张图片，并添加“下一步”按钮来加载更多图片。找到jquery.lazyload.js并尝试将其集成到您的页面中。
cgfeq70w4#
这是一个主观的问题，但是，基本的答案是在页面加载 * 之后 * 加载图像，这样就不会阻止页面。
你也应该使用缩略图，我见过很多自制的画廊，只是压缩原始图片到一个缩略图加载...这是不好的;）如果你不想走下一页/上一页的路线，你可以只在5/6/7 ×无限大的网格中加载缩略图，只在可见的占位符中加载图片。
1.加载页面
1.为每张图片创建占位符
1.为可见占位符加载图片
1.当用户向下滚动页面时，加载进入视口的占位符的图片。
或者别的什么;）