在页面加载时在屏幕上滑动图像（缓存问题）

Question

我试图在页面加载时在屏幕上滑动图像，但它在第一次在执行脚本之前加载图像。第二次它工作正常，我想这是由于缓存。

有没有人有我的问题的解决方案。 这是我到目前为止有：

$(document).ready(function() { 
    $('#1-slide').animate({'right':'0'},255,'linear', function(){ 
     console.log('Done Animation); 
    }); 
}); 

Answer 1

可以，和我认为应该使用标准的预载功能或插件，预装图像。这里是一个例子：

$.fn.preload = function() { 
    this.each(function(){ 
     $('<img/>')[0].src = this; 
    }); 
} 

// Usage: 

$(['img1.jpg','img2.jpg','img3.jpg']).preload(); 

这将确保图像加载之前。