设置div正方形--快速获得图片真实的宽度和高度

$(window).load(function() {

 //获取div的宽度，设置div正方形

  var width1=document.getElementById("div1").offsetWidth;

  $("#div1").css("height",width1).find("img").show();

//获取图片的真实宽高

  var _w=parseInt($(window).width());
  $(".con02 img").each(function(){
    var img = $(this);
    var realWidth;//真实的宽度
    var realHeight;//真实的高度
    $("<img/>").attr("src", $(img).attr("src")).load(function() {
      realWidth = this.width;
      realHeight = this.height;
      if(realWidth>=_w){
        $(img).css("width","100%").css("height","auto");
      }
      else{
        $(img).css("width",realWidth+'px').css("height",realHeight+'px');
      }
    })
  })

})

网上发现一个定时检测图片宽高的方法，效率非常高。具体代码如下：

代码如下

复制代码

// 记录当前时间戳 var start_time = new Date().getTime();   // 图片地址 var img_url = ＇img/bdlogo.png?＇+start_time;   // 创建对象 var img = new Image();   // 改变图片的src img.src = img_url;   // 定时执行获取宽高 var check = function(){     // 只要任何一方大于0     // 表示已经服务器已经返回宽高     if(img.width>0 || img.height>0){         var diff = new Date().getTime() - start_time;         document.body.innerHTML += ＇ from:check : width:＇+img.width+＇,height:＇+img.height+＇, time:＇+diff+＇ms ＇;         clearInterval(set);     } };   var set = setInterval(check,40);

转载链接：http://www.111cn.net/wy/js-ajax/68065.htm