Javascript 如何在加载图像之前显示背景图像

如果我在图像中创建一个照片库页面，那么对于连接较慢的图像，加载速度不会太快

---

如何创建这样一个页面，首先加载一个图像，然后应用于图像的所有背景，直到加载并覆盖之前加载的灯光图像

您只需将背景应用于图像即可。如果它们都是JPG（没有透明度），您可以这样做：

CSS

---

请注意，如果你有透射率，你的图像将出现在背景上，它将不会是美丽的。否则，它应该像一个符咒一样工作。

这感觉脱离主题（太宽泛），因为它可以用纯css或javascript以多种方式完成。但是，对于纯css解决方案，请检查多个背景：（第一个是所有背景的公共图像）。我认为他有HTML图像标签，他希望在图像加载之前有一个背景（例如gif）。SRC标记的作用类似于堆叠背景，但如果真实图像与内容相关（如图库或其他），则最好在模式上放置真实图像。有一个带有CSS背景的div有副作用，即屏幕阅读器不会读取它（不利于可访问性），而爬虫会忽略它们，或者认为它们只是装饰。最好在HTML中有真正的img，并将其应用于背景（这是一种装饰，直到图像加载）

   img{
      background: url(path/to/my/file.jpg) center center no-repeat;
   }