Javascript 加载图像后，如何删除加载图标？

我使用延迟加载来加载带有居中背景加载图标的图像，但我觉得没有必要在这个问题中包含延迟加载效果。我想在图像加载后删除加载图标，因为较小的图像可能无法覆盖加载图标

我使用相同的外部CSS文件加载图标。没有一个最接近的解决方案对我有效

如有任何建议和帮助，将不胜感激

HTML

---

您可以实现映像的

onload

事件，在它内部删除类包装器作为

$(".lazy").on('load', function() { $('.wrapper').removeClass('wrapper'); })

更新：如果要仅删除每个图像的加载，请更改为仅删除父类

$(this).parent().removeClass('wrapper');

$（“.lazy”）.on（'load'，function（）{$（this）.parent（）.removeClass（'wrapper'）；}）

.wrapper{
背景：url(https://i.stack.imgur.com/yW2VY.gif)无重复中心；
最小高度：220px；
}

---

您可以实现映像的

onload

事件，在它内部删除类包装器作为

$(".lazy").on('load', function() { $('.wrapper').removeClass('wrapper'); })

更新：如果要仅删除每个图像的加载，请更改为仅删除父类

$(this).parent().removeClass('wrapper');

$（“.lazy”）.on（'load'，function（）{$（this）.parent（）.removeClass（'wrapper'）；}）

.wrapper{
背景：url(https://i.stack.imgur.com/yW2VY.gif)无重复中心；
最小高度：220px；
}

对不起。我无法在代码中实现它。对不起。我无法在代码中实现它。您的解决方案中的问题是，当加载一个图像时，所有其他图像的加载图标都会被删除。您可以尝试添加更多图像。我更新了答案，应该使用$（this）.parent（）.removeClass（'wrapper'）；非常感谢你。我的问题现在已经解决。您的解决方案中的问题是，当加载其中一个图像时，所有其他图像的加载图标都将被删除。您可以尝试添加更多图像。我更新了答案，应该使用$（this）.parent（）.removeClass（'wrapper'）；非常感谢你。我的问题现在已经解决了。