預緊GIF動畫

Question

在我的頁面上有一個GIF動畫顯示的是這樣的：

<div> 
    <a id="image" style="background-image: url('http://example.com/12.gif);"></a> 
</div> 

當用戶點擊，背景圖像的URL從列表切換到任意網址是這樣的：

<span class="image_url">http://i.imgur.com/qefIaR.gif</span> 
<span class="image_url">http://tinypics.com/96683.gif</span> 
<span class="image_url">http://imageshost.com/36683.gif</span> 
<span class="image_url">http://example.com/wp-content/uploads/funny_carrot.gif</span> 

現在的問題是是GIF動畫負載很慢，所以我想我會預裝他們：

// PRELOAD IMAGES 
    (function($) { 
      window.onload = function() { 
      function preload(preload_img) { 
        $('<img/>')[0].src = preload_img; 
        alert(preload_img); // Debug 
      } 
      var preload_url; 
      setTimeout(function(){ 
       $('.image_url').each(function(){ 
        preload_url = $(this).text(); 
        preload(preload_url); 
       }); 
      }, 3000); 
     } 
    }(jQuery)); 
    // END PRELOAD 

GIF仍然加載緩慢，但我沒有注意到任何區別。我的代碼是否存在任何問題，或者有什麼方法可以確認它確實有效？

Answer 1

似乎Google Chrome插件（緩存殺手）導致了問題，而不是代碼。