Question

我有图像滑块。加载图像需要时间，看起来不太好。预加载将适用于div背景图像。

或有没有办法在加载时加载所有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>');
       });
});

Answer 1

是的，预加载适用于任何放到页面上的图像。它只是将图像加载到用户的计算机上，然后该图像保留在那里，在页面上使用时不需要下载。

正在加载与<img/>预加载不同的所有背景图像

1 个答案: