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

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

这将确保预先加载图像。