Question

jquery缩放图片问题

代码如下，上传图片后，在页面显示图片的初始宽高为0 等5-10分钟之后才正常
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".aimg img").load(function(){
var imgs=new Image(); //获取原图片尺寸宽高
imgs.src=$(this).attr("src");
w = imgs.width;
h = imgs.height;
var dw=$(".aimg").width();//获取实际的尺寸宽高
var dh=$(".aimg").height();
var i=h/w; //压缩后的图片宽高比例
var k=dh/dw; //div层的比例
if (w<=dw&&h<=dh){ //长宽都等于或小于不作处理
$(this).css({"width":w,"height":h,"margin-top":(dh-h)/2});
}else { //长宽任意一边大于作处理
if (i<k){
$(this).css({"width":dw,"height":h*dw/w,"margin-top":(dh-dw*i)/2});
}else{
$(this).css({"width":w*dh/h,"height":dh});
var adwid=dw-$(this).width();
var adscale=adwid/$(this).width();
var adhei=$(this).height()+$(this).height()*adscale;
if ($(this).width()<dw){
$(this).css({"width":dw,"height":adhei});
}
}
}
});
});
</script>

Answer 1

var imgs=new Image(); //获取原图片尺寸宽高
imgs.src=$(this).attr("src");
w = imgs.width;
h = imgs.height;

还可以这么new对象啊...new出来的是什么，当前加载的？还是一片空白的？
这imgs的width和height哪来的...难道设置了src就能自动获取宽高？

追问

那要怎么修改呢？

追答

...不是吧...
我还没你写过的熟悉呢，全靠关联猜...
imgs.width = $(this).attr("width");

imgs.height = $(this).attr("height");
这能取到么？你试试...难道取出会带着px么...
w = imgs.width;
h = imgs.height;

追问

我那样写是可以获取到的，只是在谷歌浏览器才有问题，火狐正常的

Answer 2

不要使用标识灯箱类取代