jQuery 翻转未预加载

Question

$('.ro').hover(
    function(){
        t = $(this);
        t.attr('src',t.attr('src').replace(/([^.]*)\.(.*)/, "$1_o.$2"));
    },
    function(){ 
        t = $(this);
        t.attr('src',t.attr('src').replace('_o',''));
    }
 );

我使用此代码，以便(例如)带有“ro”类的 test.gif 在翻转时更改为 test_o.gif，问题是当图像不在缓存中时，翻转和翻转时会出现延迟.

基本上，如果我清除缓存并访问测试页面，每次我翻转和滚动图像时，它每次都会加载文件，因此您可以坐在那里几个小时，它仍然会每次加载翻转图像。但是，当我刷新页面并且图像现在位于缓存中时，它会立即起作用，这就是我需要实现的目标。

我尝试过使用这个

http://flesler.blogspot.com/2008/01/jquerypreload.html

用于预加载图像的插件

$.preload('.ro');

代码，但是好像没有效果。

有什么想法吗？

Answer 1

只需在文档准备好后创建一个虚拟图像，无需插件。

$(function(){
   $('<img />').attr('src',url);
});