jquery怎样获取DIV里多个图片的尺寸?

hezhow 2013-05-02 01:35:34
如题
<div><img src='images/abc.jpg' class='pic'><img src='images/abc2.php' class='pic'></div>

因为我两张图的比例不是相同的;
所以我想获取这两/多张图的尺寸来算出每张图的比例;
然后将宽设为200px;用比例算出高;
赋值给DIV里对应的图片;
...全文
267 4 打赏 收藏 转发到动态 举报
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
zml3331 2014-07-11
  • 打赏
  • 举报
回复
很好用,谢谢
hezhow 2013-05-02
  • 打赏
  • 举报
回复
额.我用PHP搞掂了.不过JQUERY貌似不能选择PHP动态生成的图片呢..哎
yibuyisheng 2013-05-02
  • 打赏
  • 举报
回复
如果图片宽高被css修改过,一楼获取到的可能就不一定是图片的真正尺寸了。要获取图片的真实尺寸,可以尝试利用Image类重新加载一遍图片: var img = new Image(); img.onload = function(){ console.log("width:"+img.width); console.log("height:"+img.height); }; img.onerror = function(){ console.log("图片获取失败!"); }; var timer = setInterval(function(){ if(!!img.width){ clearInterval(timer); console.log("width:"+img.width); console.log("height:"+img.height); } },500); img.src="[图片地址]";
  • 打赏
  • 举报
回复
jQuery(document).ready(function(){ $('img').each(function(){ //jquery.each()循环读取所有图片 var height = $(this).height(); var width = $(this).width(); if(width>200){ $(this).css('height',Math.round(height*200/width)+'px');//如果宽度超过200px,高度等比例缩放 } }); });

87,991

社区成员

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

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