php判断图片加载完,关于图片加载完再显示出来的问题,上回问了,没结果,......

解决了,以下是方法,如发现问题或有更好的修改方法,请修改之后发一份给我,或接这个帖子

appcan中的js延时显示图片

方法一,先将所有要延迟图片的元素加上.imgList这个类,而背景图片background-image先设置先本地默认的一个图片,而实际图片放在自定义属性onLoad-src中,完成左右图片之后使用遍历所有类的图片元素,利用image加载实际连接,加载完成之后,将实际连接替换到实际背景图片中。

$(".imgList").each(function(){

var obj=new Image();

//obj.src=$(this).attr("onLoad-src") ;

obj.src= $(this).attr("onLoad-src");

obj.alt = $(this).attr("id");

obj.οnlοad=function(){

$("#"+this.alt).css({"background-image" : "url("+this.src+")"});

// $(this).css({"background-image" : "url("+this.src+")"});

// alert(this.src);

}

})

方法二:

先将图片连接替换成默认图片,让图片下载完成之后再替换回来

//延迟加载图片

//className:要加载图片的div的类名

function loadPic(className) {

$(className).each(function() {

var dd = $(this);

var obj = new Image();

var bgImg = dd.css('backgroundImage');

obj.src = bgImg.substring(bgImg.indexOf("(") + 1, bgImg.indexOf(")"));

dd.css({

"background-image" : "url(css/res/d-img.png)"

});

obj.onload = function() {

dd.css({

"background-image" : "url(" + $(this).attr("src") + ")"

});

//alert(obj.src);

//dd.css({"background-image" : "url("+ obj.src +")"});

}

})

}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值