有没有办法隐藏卸载的lazyload图像的alt标签？

Question

我正在使用jQuery Lazyload plugin并且目前将img标签留空，因为当尚未加载图像时，图像alt标签文本是可见的。

我需要找到一种方法，在未加载图像时不显示alt标签文本。从我在浏览插件页面中看到的情况来看，似乎没有办法在加载图像后触发回调函数。我想过试图隐藏img元素，然后在加载图像后再次显示它，但无法弄清楚如何在没有某种回调的情况下完成这项工作。

有没有一种简单的方法可以在图像尚未加载时隐藏替代文字？谢谢！

Answer 1

用css隐藏替代文字：

img {
color: transparent;
}

图像加载后做的事情：

$("img").on("load", function(){
 console.log("loaded!")
});

Answer 2

加载透明图像1px x 1px png会更好。这可以保持您的HTML有效，并防止alt文本或替代文本边框的任何重影。