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

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();

这将确保图像在事先加载。