Question

我的图片加载有问题。我尝试使用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] + '" .. />。我只是想将图像加载到缓存中，所以当我的背景发生变化时，图像就会被加载。

Answer 1

您可以拥有一系列图片名称，并在页面加载后附加...

$(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] + "\" />");
    }
});

页面加载后加载图像

1 个答案: