您的位置:首页 > Web前端 > JavaScript

利用javascript设置图片等比例缩小

2014-06-14 08:02 218 查看
网站的内容页面,经常要放图片,如果图片太大会撑出,影响页面美观。如果只是用css限

制图片的最大宽度,会引起图片的变形,本文建议还是用js来实现,实现方式如下:

<script language="javascript" type="text/javascript">
window.onload = function () {
//判断图片大小,超过一定宽度,要通过js定义图片大小
$.each($(".sec-content img"), function (i, v) {
if (v.width > 740)
{
v.width = 740; //重定义编辑器自带的宽度
v.removeAttribute('height'); //移除编辑器自带的图片高度
}
});
}

</script>


注意,引用本方法前前先引入jQuery。$(".sec-content img")这里是文章内容中的图片筛

选。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: