javascript - 检查图像是否已完全加载

Question

你能帮助我吗？

在使用下面的此功能设置 src 之前，如何检查 img 是否已完全加载？

<img class="loadlater" data-src="path/to/image.ext"/>

$(document).ready(function(){
    $(".loadlater").each(function(index, element){
        $(element).attr("src", $(element).attr("data-src"));
    });
});

谢谢

标签： javascriptjquery

Answer 1

您可以做到这一点的一种方法是使用该onLoad功能：

<img class="loadlater" data-src="path/to/image.ext" onLoad="function()"/>

这将在元素加载后立即调用该函数