home » 编程开发 » 教你限制图片的大小

我们用WordPress发帖子的时候,图片有时过大超过了显示区域时,图片会撑破页面,造成页面很难看.

特别是换了主题,而这个主题的文章DIV宽度很小时,我们该怎么办,难道一篇文章一篇文章的更换图片不成吗,太累了。

我们可以用CSS的maxwidth属性来定义图片的最大宽度,
img{maxwidth:600px} /* 这种方法IE6不支持 */

我们还可以在文章插入图片的时候就给图片定义最大宽度。
<img onload=”if(this.width>460)this.width=460″ src=”demo.jpg” alt=”"  /> 这样就可以在ie下控制图片的最大宽为460像素了.


还可以用js来实现:
window.onload = function() {
for (var i= 0; i < document.images.length; i++) {
var maxWidth = 460;
if (document.images[i].width < maxWidth) {
document.images[i].width = maxWidth;
}
}
}

把上面的代码放入你主题的jS文件中,或者放在herder.php的<script type=”text/javascript”>与</script>之间

但是我发现这样缩放的图像在显示上会失真,缩放后的图片比较模糊,有什么更好的方法吗?

Tags: 标签:,
本博客所有文章如果没加特殊说明均为原创,如需转载引用请注明出处
[重阳博客:http://www.99xunle.com/archives/680]
随机文章 相关文章

7 Responses to “教你限制图片的大小”

  1. 我一般都是直接把图片调整到适合的像素大小!

    Reply

  2. 也许有更好的办法 我是用css来控制的!

    Reply

    重阳  2009-08-30   回复:

    用maxWidth吗?我现在用的js,感觉不是很好

    Reply

  3. 我都是直接设成固定宽度和高度了:-)

    Reply

    xiao文  2009-08-30   回复:

    我也是

    Reply

    JiaCheng  2009-08-30   回复:

    算上我,我也是这样,呵呵,虽然我图片很少!

    Reply

    重阳  2009-08-30   回复:

    这样好是好,但是换个主题的文章DIV宽度很小时,我们该怎么办?

    Reply

Leave a Reply

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>