jquery - 如何在加载完整图像时加载图像？ jQuery

Question

我尝试过使用 .load() 和 .ready()

我的图像非常大，加载时会从上到下分段加载。有没有办法让图像在完全加载并准备好完全看到时立即显示出来？

$('img.touch').hide();
$('img.touch').ready(function() {
$('img.touch').show();
});

我尝试的最后一件事是上面的代码......任何帮助都会很棒

谢谢

Answer 1

我首先创建一个图像对象。然后我定义它的 onload 函数。然后我设置实际的图像位置。请注意此示例设置背景图像。

var img = document.createElement('img')
img.onload = function(){
    //image only loads when finished
    div.style.backgroundImage = 'url(' + imgLocation + ')'        
}
img.src = imgLocation