加载图像时删除背景图像

直到大约一周前,我也会迷路的。谢天谢地 this answer to another question 将帮助您:

基本上把这个放进去 $() :

$(function(){ 
   var img = $("#idofimage").load(function () { 
      /* your magic to swap out placeholder */ 
   });

   if (img[0].complete) {
     // Trigger the load handler if the image
     // is already loaded
     img.trigger('load');
   }

});

你不需要jquery来完成这个任务,你可以用css来完成。

.my-img-loader-class { background:url('placeholder-or-progress'); }

或者如果不想更改HTML:

#container img { background:url('placeholder-or-progress'); }

在图像加载到特定分区时显示占位符。

它的工作方式是图像元素将占位符图像显示为其背景,并且当SRC加载时,它将显示在占位符上方,以便很好地替换它。