我在html页面上有很多图像 - 我如何能够先加载某些图像（或者某些加载最后一个）？

Question

我有一个主要内容区域为大缩略图的页面，但页面上的其他地方大约有100-200个其他（较小）的拇指，这些拇指并不重要但仍必须显示。

我有哪些方法可以让主要的首先显示（或者不重要的显示最后）？

我在想这些方法：

JS load：在页面加载时（一旦加载完毕），使用jquery的append（）（或其他任何方式）用图像代码编写html

使用style =“display：none;”在div中设置所有不重要的图像。然后，一旦页面加载，使用JS将其设置为可见

您认为最好的方式是什么？

Answer 1

您可能想查看YUI ImageLoader。它基本上仅在需要时（或滚动到视图中）加载图像。

Answer 2

我会将所有图像的'src'设置为透明的1像素gif，然后使用JS循环显示图像，'按重要性顺序'，并在页面加载时设置'src'属性。