jquery等比例缩放图片

<pre>
<script type="text/javascript">
window.onload = function() {
var w = 500;//设置最大宽度,也可根据img的外部容器 而动态获得,比如:$("#demo").width();
$("img").each(function() {//如果有很多图片,使用each()遍历
var img_w = $(this).width();//图片宽度
var img_h = $(this).height();//图片高度
if (img_w > w) {//如果图片宽度超出指定最大宽度
var height = (w * img_h) / img_w; //高度等比缩放
$(this).css( {
"width" : w,"height" : height
});//设置缩放后的宽度和高度
}
});

}

</script>
</pre>

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • UIView的contentMode中scale和aspect的字面意思 scale的意思是:缩放,在conten...
    AlxRooooose阅读 4,264评论 0 2
  • 在实际工作中,怎样实现给标签的添加的背景图片,能像img标签一样,可以等比例缩放呢,今天就跟大家说一个巧方法,即通...
    雨鱼鱼儿阅读 13,917评论 0 3
  • 我没有很刻意的去想念你,只是在很多很多的小瞬间,想起你。比如一部电影,一首歌,一句歌词,一条马路和无数个闭上眼睛的...
    Jack张了了阅读 1,580评论 3 0
  • 英语是我的短板,很短很短的板,虽然知道自己英语不好会限制自己的发展,但就是爱不起来。 归根结底,是入门时态度没摆正...
    赵三多阅读 1,184评论 4 3
  • 紫雨老师说要写一两篇自省文 。我也觉得很有必要,可以看看自己是怎么一路走来的。 回想起来,也许真的...
    持续一致的小东风阅读 2,299评论 2 4

友情链接更多精彩内容