使用窗口加载的jquery预加载图像

Question

这是一个在window onload中的gif，如何用jquery预加载它？由于尺寸的原因，它有点滞后..

似乎我必须切换到 css 预加载器而不是 gif？

Answer 1

您可以在 javascript 中的 window.onload 方法中预加载图像。之前隐藏它，使用 css 并在图像加载时（在 onload image 事件中）显示它。

 .hide { display: none; } 
 .show { display: block; } 

 var img = new Image();   // Create new img element
 img.src = 'myCoolGiff.gif'; 
 img.addEventListener("load", function() {   
   // execute drawImage    
   this.style.className = "show";  
 },false);