0

画像の読み込みに問題があります。を使用しようとしましload()たが、うまくいきませんでした:

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

divで背景を変えるjsスライダーを書きました。
画像が非常に大きい (100kB 以上)。10秒ごとに背景を変えています。そして、初めてこのウェブサイトにアクセスすると、すべての画像が背景として使用されるまで、画像の読み込み中に背景が変更されるたびに空白になります。

jqueryを使用して画像をロードするにはどうすればよいですか? 初めてWebサイトを表示しても、ブラウザはそれらの画像をキャッシュからロードします.

アップデート

Slider change div background: $(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 に答える