Question

我想找到为旋转木马预加载图像的最佳方法在我的jquery函数中我做了

$('<img />').attr({ 'src': imgurl }).appendTo(currentli).hide().load(function() {                   
                   console.log("preload!");
                });

寻找最好的方法，我找到了旧的2008年问题，建议使用

var img = new Image();
img.src = imgurl;

document.body.appendChild( img );
img.onload = function() {
console.log("preload!");
}

使用jquery和javascript的任何区别？还有其他建议吗？

Answer 1

简单的javascript版本首先在定义src时将图像加载到内存中，然后将其添加到DOM中。

jquery版本首先将它添加到DOM然后加载图像..这是所有差异

评论更新后

： -

var img = new Image();
img.src = imgurl;

$('<img />').attr({ 'src': imgurl }).appendTo(currentli).hide().load(function() {                   
                   console.log("preload!");
                });

通过执行此操作，您可以在实际将图像添加到DOM

之前加载图像

Answer 2

是的，等到窗口已准备好窗口加载事件，然后显示包含照片的实际div元素并运行该功能。有点像...

$(window).load(function(){ 
  displayAndRunMyCarousel();
});

jquery图像预加载vs javascript

2 个答案: