咋获取不到图片的宽度与高度

kingboyrang 2012-04-11 11:01:46
如:

$(function(){

var html="<img src=\"images/about.jpg\" border=\"0\" />";
$("#div1").append($(html));//把图片添加到div中
//怎么获取刚添加到div中图片的宽度与高度?
});

求解各位达人~~~
...全文
143 8 打赏 收藏 转发到动态 举报
写回复
用AI写文章
8 条回复
切换为时间正序
请发表友善的回复…
发表回复
kingboyrang 2012-04-11
  • 打赏
  • 举报
回复

[Quote=引用 1 楼 的回复:]

$('#div1 img').css('width')
[/Quote]

这样可以获取到,但是图片去等比缩放时,获取到的宽度却是0,真的很无语.
//等比缩放代码
function autoSetImgSize(obj) {//圖片自動縮放大小
var oldWidth = $(obj).width();
var oldHeight = $(obj).height();
var saveSize = { w: oldWidth, h: oldHeight, left: 0, top: 0 };
var defaultSize = { w: 400, h: 350 }; //默認大小
var wPre = oldWidth / defaultSize.w;
var hPre = oldHeight / defaultSize.h;
if (oldWidth > defaultSize.w || oldHeight > defaultSize.h) {
if (wPre > hPre) {
saveSize.w = defaultSize.w;
saveSize.h = oldHeight / wPre;
}
else {
saveSize.w = oldWidth / hPre;
saveSize.h = defaultSize.h;
}
}
saveSize.left = (defaultSize.w - saveSize.w) / 2;
saveSize.top = (defaultSize.h - saveSize.h) / 2;
//alert(saveSize.w);
$(obj).css({
"margin-top": saveSize.top,
"margin-left": saveSize.left,
"width": saveSize.w,
"height": saveSize.h
});
}
IT-Style 2012-04-11
  • 打赏
  • 举报
回复
[Quote=引用 1 楼 的回复:]

$('#div1 img').css('width')
[/Quote]
...
三石-gary 2012-04-11
  • 打赏
  • 举报
回复
$("#div1 img").width()用这个
三石-gary 2012-04-11
  • 打赏
  • 举报
回复
alert($('#div1 img').css('width'))
三石-gary 2012-04-11
  • 打赏
  • 举报
回复
$('#div1 img').css('width')
cxw3152 2012-04-11
  • 打赏
  • 举报
回复
var img = document.getElementById("img");
var w = img.width;
var h = img.height;
hch126163 2012-04-11
  • 打赏
  • 举报
回复
var img = new Image();
img.onload=function(){
alert(img.width +" " +img.height);
};
img.src="images/about.jpg":
kingboyrang 2012-04-11
  • 打赏
  • 举报
回复
贴上正确代码:
function preImageLoad(obj, callback) {
var img = new Image();
if ($.browser.msie) {
img.onreadystatechange = function () {
if (this.readyState == "complete") {
callback($(obj)[0], { "w": img.width, "h": img.height });
}
}
} else {
img.onload = function () {
if (this.complete == true) callback($(obj)[0], { "w": img.width, "h": img.height });
}
}
img.src = $(obj).attr("src");
}

87,989

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧