Javascript 全局触发'；加载gif'；加载所有图像时（内联显示）

想知道在加载图像之前和加载图像时触发加载微调器gif的最佳方法是什么。。我希望这个小旋转器gif触发**图像加载位置的内联；这方面的好方法是什么。。我不想在屏幕中间为每个图像旋转一个GIF，但要在图像加载的地方输入。p> 是否要创建一个函数，使整个应用程序中的所有图像都能执行此操作

（甚至更好，但只有一个很好的选择；我能检测到

.png

然后对所有人都这样做吗。pngs任何一个答案都足够了。要么是所有图像，要么是

.pngs

）

按照这种逻辑：

// if (not loaded?) * some condition that can detect
// code to be executed if condition is true
// show loading image
$('#loader_img').show();

// all images via img tag somehow?
$('img').on('load', function(){
  // hide/remove the loading image
  $('#loader_img').hide();
});

加载图像后，加载图像将立即消失。在Css中，它甚至更好，你可以添加一个background loading.gif，它会显示出来，加载的图像会掩盖它

img {
  background: url('loading-image.gif') no-repeat;
}

img {
  background: url('loading-image.gif') no-repeat;
}