我们用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: 标签:Wordpress, 图片缩放
本博客所有文章如果没加特殊说明均为原创,如需转载引用请注明出处
[重阳博客:http://www.99xunle.com/archives/680]
[重阳博客:http://www.99xunle.com/archives/680]
| 随机文章 | 相关文章 |
|---|---|

我一般都是直接把图片调整到适合的像素大小!
Reply
也许有更好的办法 我是用css来控制的!
Reply
重阳 2009-08-30 回复:
用maxWidth吗?我现在用的js,感觉不是很好
Reply
我都是直接设成固定宽度和高度了:-)
Reply
xiao文 2009-08-30 回复:
我也是
Reply
JiaCheng 2009-08-30 回复:
算上我,我也是这样,呵呵,虽然我图片很少!
Reply
重阳 2009-08-30 回复:
这样好是好,但是换个主题的文章DIV宽度很小时,我们该怎么办?
Reply