预紧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插件（缓存杀手）导致了问题，而不是代码。