jQuery圖片預載入程式碼

antzone發表於2017-04-08

所謂的圖片預載入就是預先將圖片下載好,供以後需要的時候使用。

這樣速度就會提高很多,使用者的體驗也會好很多,下面就是一個能夠實現此功能的程式碼片段。

程式碼如下:

[JavaScript] 純文字檢視 複製程式碼
(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");
})

相關文章