有没有一种方法可以为卸载的lazylod图像隐藏alt标签

Question

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

我需要找到一种方法，在图像尚未加载时不显示alt标记文本。从我在插件页面上看到的情况来看，似乎没有办法在加载图像后启动回调函数。我曾想过尝试隐藏img元素，然后在加载图像后再次显示它，但如果没有某种回调，我就不知道如何使其工作。

有没有一种简单的方法可以在图像尚未加载时隐藏alt文本？非常感谢。

Answer 1

使用css隐藏alt文本：

img {
color: transparent;
}

加载图像后执行操作：

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

Answer 2

以下内容将在图像出现之前不显示损坏的图像图标和Alt标记中的文本"因为从谷歌SEO的角度来看，这很糟糕"visibility:hidden"比"dispy:none"更可取，因为它可以破坏页面。

<style>
    img:not([src]) {
        visibility: hidden;
    }
</style>

Answer 3

最好加载一个透明图像1px x 1px png。这样可以保持HTML的有效性，并防止替换文本或替换文本边框出现任何重影。