Jquery图像预加载vs javascript

jquery image preload vs javascript

本文关键字：vs javascript 加载 图像 Jquery      更新时间：2023-09-26

我正在寻找预加载旋转木马图像的最佳方法在我的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有什么不同?还有其他建议吗?

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

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

简单的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之前加载图片

相关文章：