*************************************************************
第一种方法:(可以计算加载图片的数量)
css样式: /*图片预加载*/.ImgLoading{ position:absolute; width:100%; height:100%; top:0; background:#000; z-index:100; opacity:0.95}.iconImg{ position:absolute; width:40%; left:30%; top:30%;}.ImgPercent{ position:absolute; width:100%; top:60%; height:5%; text-align:center; font-size:1.8em; line-height:2em;}.wrap{ display:none;}
html代码:0%
js函数:
function ImgLoaded(){ var loadingPercent = $("#percent"); var img = $("body").find("img[v]");//图片数组 //loadsrc指图片预先加载的属性。 var length = img.length;//图片数量 var downImg = 0;//已下载数量 var percent = 0;//百分比 for ( var i=0;i
ImgLoaded();
*************************************************************
方法二:
function LoadImg(ele){ /*图片预加载*/ ele.find("img").each(function(){ $(this).attr("src",$(this).attr("v")); $(this).removeAttr("v"); }); } setTimeout(function(){Connment.LoadImg($(".swiper-container"))},500); /*执行图片预加载*/
*************************************************************
方法三:(简单实用***************************)
$("#SwipeTarget").find("img").each(function(){ $(this).attr("src",$(this).attr("v")); $(this).removeAttr("v"); });