jQuery图片预加载代码

快乐打工仔 分类:实例代码

所谓的图片预加载就是预先将图片下载好,供以后需要的时候使用。

这样速度就会提高很多,用户的体验也会好很多,下面就是一个能够实现此功能的代码片段。

代码如下:

(function($) { 
  var cache = []; 
  // Arguments are image paths relative to the current page. 
  $.preLoadImages = function() { 
    var args_len = arguments.length; 
    for (var index = args_len; index--;) {
      var cacheImage = document.createElement('img'); 
      cacheImage.src = arguments[index];
      cache.push(cacheImage); 
    } 
  } 
  jQuery.preLoadImages("image1.gif", "path/image.png");
})
一线大厂高级前端编写,前端初中阶面试题,帮助初学者应聘,需要联系微信:javadudu

回复

我来回复
  • 暂无回复内容