如何强制图像先加载

Question

我有一个照片库，根据图片的数量，可能需要一些时间来加载。我有一个.gif加载图像，我已设置为在加载图库时显示。但是，出于某种原因，.gif本身需要很多秒才能显示在屏幕上。

如何强制.gif在页面上的其他图像之前加载，以便用户可以立即看到“加载”图像？

以下是网站Photo Gallery

Answer 1

第1步：Ajax调用加载gif

步骤2：将其余部分加载到ajax回调

中

Answer 2

图像的大小是整个问题。背景，全尺寸照片，这一切都加起来带来一堆乱七八糟的带宽。即使在宽带上，它也需要很长时间，因为有太多的图像需要单独下载。

用两个小的PNG替换你的巨型背景，并使用小缩略图作为实际的画廊。你的问题就会消失。