mdsk.net
当前位置:首页 >> 如何用jquEry判断Css里的背景图片加载完成 >>

如何用jquEry判断Css里的背景图片加载完成

//①首先要获得该元素背景图片的URL;//②NEW一个图片对象 var bgimg = new Image();//③给这个图片对象加上onload事件 bgimg.src = '该元素背景图片的URL'; bgimg.onload = function () {//图片对象加载完成,对应的该元素背景图片也加载完成 }

使用load()和error()函数进行判断

先一个个push去插入图片,在最后个图片时,触发判断加载函数;在函数里边去加载最后个图片的onload事件即可;参考下原生的js写法:var n = new Image();n.onload = function(){ //你想做的事}n.src = "最后个图片的地址";

不如直接用css来控制啊#a_t1 img{margin:auto 0;}

console.log()来判断就行了

你好!$("div").load(function(){//这里是回调函数的部分})我的回答你还满意吗~~

$(function(){//里面的js就是数据加载完毕后执行的,不包括图片});

使用css方法取出div的样式属性来判断:if( ($("div").css("backgroundImage") == "" ){ //背景图片为空}

非背景图片可以用img的onerror 来判断,但是背景图片呢,刚无意中发现一个方法,目测可行,但不确定是否始终可行.var img=new Image();img.src="图片地址";if(img.width==0){//表示图片加载失败了}else{//成功了}这方法一般情况下可行,但是为测试过图片很大或者加载速度很慢的时候是否可行.

也叫AJAX可以先加载图片;div>在这里写CSS,把这层写在最前面或者用JS,下载本来就要时间,算来就会比文字慢了你可以试试<body><div class="这里"></如果图片太大的话

网站首页 | 网站地图
All rights reserved Powered by www.mdsk.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com