使用jquery of window onload预加载图像

Question

它是一个在窗口上加载的gif，如何用jquery预加载它？由于尺寸的原因，它有点滞后。

似乎我必须切换到css preloader而不是gif？

Answer 1

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

 .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);