Javascript判断图片尺寸大小实例分析_javascript技巧

代码如下:
var img=new Image();
img.src=$('#tlogo').attr('src');
if(img.width > '240'){
$('#tlogo').attr('width','240');
}

上面例子碰到如果页面没有加载完的时候，这时js就获取不了图片大小了，对此我们可以先判断加载完成否再判断图片大小。

代码如下:


document.getElementById("img2").onload = function () {
alert("图片加载已完成");
}

或者采用jquery：

代码如下:
$("#imageId").load(function(){
alert("加载完成！");
});

至此我们就可以对代码进行优化了

代码如下:
$("#tlogo").load(function(){
var img=new Image();
img.src=$('#tlogo').attr('src');
if(img.width > '240'){
$('#tlogo').attr('width','240');
}
});

此处注意:#tlogo 就是你图片地址中加的一个ID这个是必须的。