不要加载隐藏的图像

不要加载隐藏的图像

这是一个jQuery解决方案：

$(function () {   $("img").not(":visible").each(function () {       $(this).data("src", this.src);       this.src = "";   });   var reveal = function (selector) {       var img = $(selector);       img[0].src = img.data("src");   }});

它与您的解决方案相似，不同之处在于它不使用

fakeSrc

标记中的属性。它清除该

src

属性以阻止其加载并将其存储在其他位置。一旦准备好显示图像，就可以

reveal

像在解决方案中一样使用该功能。抱歉，如果您不使用jQuery，但是该过程应该可以转移到您使用的任何框架（如果有）。

注意：必须在窗口触发

load

事件之前但在加载DOM之后运行此代码。