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

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'));
});

或使用计划 JS:http://www.w3schools.com/jsref/event_onload.asp