0

我在加载图像时遇到问题。我尝试使用load()，但没有用：

$().load('/wp-content/uploads/--/--/image1.jpg');
$().load('/wp-content/uploads/--/--/image2.jpg');
$().load('/wp-content/uploads/--/--/image3.jpg');

我编写了 js 滑块，它改变了 div 中的背景。
图像很大（超过 100kB）。我每 10 秒更换一次背景。当我第一次访问这个网站时，每次背景在加载图像时都会改变它的空白区域，直到所有图像都被用作背景。

如何使用 jquery 加载图像，这样即使我第一次查看网站，浏览器也会从缓存中加载这些图像。

更新

滑块更改 div 背景：$(this).css("background-image","image.jpg");，所以我不能使用append，我不能使用<img src="' + image[i] + '" .. />。我只想将图像加载到缓存中，所以当我的背景发生变化时，图像就会被加载。

4

1 回答 1

2

您可以拥有一组图像名称，并在页面加载后附加它们......

$(document).ready(function() {
    var images = ["img/image-1.jpg", "img/image-2.jpg"];
    for(var i = 0; i < images.length; i++) {
        $("#slider-selector").append("<img src=\"" + images[i] + "\" />");
    }
});
于 2013-06-12T12:50:26.153 回答