如何按顺序加载图像？

Question

我正在使用php。我有图像保持整齐。当我查询图像来顺序，但是当他们加载他们不按顺序加载。小图像首先载入大图像。例如，我有5个图像。这些图像应按顺序加载（1,2,3,4,5）。但这里没有发生。图像4先加载，然后加载2,1等等。那么我能为这个问题做些什么？希望得到解决方案。

在此先感谢。

Answer 1

如果你正在谈论的顺序图像通过网络浏览器显示，你没有太多的控制权的是，只要你有几个<img>标记您的网页上：

• 浏览器会要求来自服务器的图像按照它想要的顺序（很可能，遇到的第一个<img>标记将成为请求的第一个图像）
• 每个图像需要一些时间才能下载;并且每个图像在下载时显示;考虑到小图像应该更快下载，小图像应该首先显示...取决于它们被请求的顺序 - 参见前面的点。

最后，如果你想要的顺序显示在图像的绝对控制权，你最初的HTML可能不应该包含所有<img>标签：一个解决办法是添加这些，以正确的顺序，当先前的图像被下载。

这可能可以用一些JavaScript代码完成，以检测当图像被加载（事件“负荷”）;并且在加载图像时，只需在页面中添加一个新的<img>标签，即可用于下一个;等等。
但我不会这么想：如果JS被禁用，您的图片将不会被搜索引擎看到。

Answer 2

您可以控制网络或浏览器侧边您的Web服务器上的所有内容，但没有。

一种可能的解决方案是构建包含您的五个图像的单个图像，并显示每个相关部分以它的专用位置。

Answer 3

您是否尝试用JavaScript库预加载它们？

Answer 4

不知道你将如何在PHP中实现这一点，但在过去，我通常有一个“订单”字段中为每个图像，然后将图像是根据“订单”字段动态添加。

Answer 5

正如你应该猜到的那样，图像是根据其大小加载的。当然，较小的会在较大的之前加载。是的，正如eyze所说，关于你预先加载一个JavaScript preloader并按照正确的顺序显示它们？