2013-07-16 64 views
0

我有圖片滑塊。加載圖像需要時間並且看起來不太好。預加載將適用於div背景圖像。正在加載與<img>不同的所有背景圖片預加載

或者有沒有辦法在加載時加載所有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>'); 
     }); 
}); 
+0

你可以模擬相同的小提琴,http://jsfiddle.net – dreamweiver

回答

0

是的,預加載可以處理任何圖像,將其放到頁面上。所有這些功能都會將圖像加載到用戶的計算機上,然後該圖像將停留在此處,並且在頁面上使用時不需要下載。