javascript - プリロードとは異なるすべての背景画像をロードしています

Question

私は画像スライダーを持っています。画像の読み込みに時間がかかり、見栄えがよくありません。プリロードは div 背景画像に対して機能します。

または、 load ですべての div の背景画像を読み込む方法はありますか。後で必要になるかもしれません。

$.get('photos.xml', function (xml)
{
       $('item', xml).each(function (k)
       {
           frontimg.push($(this).find('frontImg').text());
           stripimg.push($(this).find('stripImg').text());

           arrBackImg.push($(this).find('backImg').text());
           backText.push($(this).find('backTxt').text());

           //frontDiv.push("<h2>"+fTitle[k]+"</h2>"+ "<h3>"+fCity[k]+"</h3><hr><h4>YEAR OF COMPLETION</h4>"+fYear[k]+"<hr><h4>LOCATION</h4>"+fLoc[k]+"<hr><h4>PROPERTY TYPE</h4>"+fType[k]+"<hr><h4>MAPLETREE'S TYPE</h4>"+fRole[k]);

           frontDiv.push("");
           $('#myImageFlow').append('<div id="id' + k + '" alt="div' + k + '" class="sliderImage" width="280" height="310" style="visibility:hidden"> <div class="ffrontText" id="ff' + k + '">' + frontDiv[k] + '</div><div class="borderdiv" id="b' + k + '"></div><div class="borderdiv1" id="bd' + k + '"></div><div class="reflection" id="ref' + k + '"></div>  <div class="overlay" id="o' + k + '"></div></div>');
       });
});