显示临时图像，直到加载图像

Question

我想在 HTML 页面中显示临时图像，直到加载原始图像。我怎样才能做到这一点？

<!-- IMG -->
<img src="original.jpg" temporary-img="temp.jpg"/> <!-- i have no idea how to do that ! -->

Answer 1

如果原始图像仍然加载，您可以在 HTML 中进行以下操作：

<img src="temp.jpg" id="img" data-original-img="original.jpg"/>

如果 DOM 已加载，则可以使用图像，例如。兑换如下：

$(function() {
  $('#img').attr('src', $('#img').attr('data-original-img'));
});