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

我有图片滑块。加载图像需要时间并且看起来不太好。预加载将适用于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>'); 
     }); 
});

来源

2013-07-16 anam

你可以模拟相同的小提琴，http：//jsfiddle.net – dreamweiver

是的，预加载可以处理任何图像，将其放到页面上。所有这些功能都会将图像加载到用户的计算机上，然后该图像将停留在此处，并且在页面上使用时不需要下载。

来源

2013-07-16 10:45:48 SharkofMirkwood

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

回答

相关问题