我怎么能得到不同的部分/框/图像我的网站在同一时间加载

How could I get different sections/boxes/images of my site to load at the same time?

本文关键字：图像我的加载同一时间网站怎么能更新时间：2023-09-26

我有一个网站，分为三个关键部分，框a, B和c。

方框A包含一张大图。框B包含6个较小图像的缩略图。框C包含一张中等大小的图片。

如果用户点击方框A中的图片，另一张图片将被加载到方框A中，同时，方框B将被重新加载6张新的随机缩略图，而方框C现在包含方框A中先前图片的缩小版本。

目前，这些盒子中的图像以不同的时间/速度加载，使UX看起来很尴尬(也就是说，盒子C可能在B之前加载，而B在A之前加载)。我如何确保所有图像在完全相同的时间加载(本质上，确保所有图像在加载最后一个图像的同时加载)?

您可以使用JavaScript预加载来缓存文档加载时的每个图像。只要没有人过快地点击你的图片，你就会得到想要的结果。

另一种选择是将所有图像组合成一个大图形，并使用CSS只显示您想要的部分。但是，这实际上只在涉及几个小图像时才实用。