网上的方法很多,但都有局限性,本文提供的方法基本兼容主流浏览器。文章源自知更鸟-https://zmingcx.com/javascript-css-size-picture.html
以HotNews主题为例。打开HotNews主题HotNewspro\js目录的custom.js把下面代码加到最后:文章源自知更鸟-https://zmingcx.com/javascript-css-size-picture.html
- // 控制图片大小
- $(document).ready(function() {
- var maxwidth=580;
- $(".entry p img").each(function(){
- if (this.width > maxwidth)
- this.width = maxwidth;
- });
- });
再打开主题样式文件style在最后添加:文章源自知更鸟-https://zmingcx.com/javascript-css-size-picture.html
- .entry p img{
- height: auto;
- }
文章源自知更鸟-https://zmingcx.com/javascript-css-size-picture.html
也可单独使用Javascript或者CSS控制图片大小,不过兼容性较差文章源自知更鸟-https://zmingcx.com/javascript-css-size-picture.html
javascrip:文章源自知更鸟-https://zmingcx.com/javascript-css-size-picture.html
- <script type="text/javascript">
- $(document).ready(function() {
- var maxwidth=580;
- var maxheight=450
- $(".entry p img").each(function(){
- if (this.width > maxwidth)
- this.width = maxwidth;
- if (this.height > maxheight)
- this.height = maxheight;
- });
- });
- </script>
CSS:文章源自知更鸟-https://zmingcx.com/javascript-css-size-picture.html
- .entry p img{
- max-width: 90%;
- height: auto;
- }
其它主题可以将上述代码中的 .entry 改为所用主题选择器。文章源自知更鸟-https://zmingcx.com/javascript-css-size-picture.html
编辑文章时手动将插入的图片拖小,个人认为一劳永逸。文章源自知更鸟-https://zmingcx.com/javascript-css-size-picture.html

2013年1月29日 11点31分 1F
艾玛!抢到了沙发!支持博主!
2013年1月29日 13点51分 2F
难怪我的网站图片在IE下有点拉伸,之前把第一段代码中的宽度写在CSS中,兼容性差了很多。
2013年1月29日 17点09分 3F
谢谢鸟哥,这么快回答我的疑问
2013年1月29日 17点44分 4F
鸟哥,怎么样才能把CMS的首页幻灯栏做成你这样的呢?就是幻灯图+热点推荐+滚动标题的三格式。
2013年1月30日 11点15分 5F
不错,很详细。
2013年1月30日 23点40分 6F
这是缩略的吧
2013年2月1日 08点17分 7F
找不到图片模板 和首页模板 在哪里有下载
2013年2月2日 13点22分 8F
这个是缩略图吧,不知道效果怎么样啊
2013年2月2日 20点16分 9F
图片在这里可以看到http://faq.wopus.org/question/19810/
2013年2月2日 22点41分 B1
@ 小谭 对喜欢折腾版权链接的,俺懒得说什么了
2013年2月4日 17点25分 10F
正打算用鸟哥的主题做站呢!~!~支持一个!~
2013年2月5日 20点42分 11F
不错的方法,收藏了
2013年2月11日 23点11分 12F
鸟哥,请问 怎么 增加百度搜索,谷歌的不给力啊,WP自带的搜索也不准确,谢谢了。
2013年2月12日 15点26分 B1
@ 电脑天空 http://zmingcx.com/hotnews-pro-2-7-1-plus-faq.html
第20条
2013年2月21日 12点43分 B2
@ 知更鸟 感谢 鸟哥 ~
2013年2月13日 20点33分 13F
问一个问题哈为什么我用你的主题后,打开公告提示多重重定向是怎么回事啊?cpanel面板
2013年2月20日 17点04分 14F
鸟哥的空间 终于可以访问了 很是开心啊 祝贺
2013年2月20日 17点54分 15F
为什么我用的hotnews2.7主体 打开网站的时候 总要闪烁一下
2013年3月3日 16点58分 16F
为什么我用的hotnews2.7主体 打开网站的时候 总要闪烁一下
2013年5月22日 23点08分 B1
@ root 我的网站也是这个问题,同求解决办法
2013年3月4日 22点31分 17F
图片如果加入“说明”,效果就会消失。此外这个主题的文章中如果插入图片时填写“说明”的话,图片下面的说明文字不会居中,有时间帮忙看看这个可以解决吗?最好在填写图片说明的时候文字居中,并且可以自动显示设置好的宽度。
2013年3月4日 23点16分 B1
@ 幸福守候 http://zmingcx.com/hotnews-pro-2-7-1-plus-faq.html
21条
2013年4月12日 17点35分 18F
果然效果不错!博主辛苦了!
2013年11月11日 02点36分 19F
.entry img {
max-width: 650px;
_width: expression(this.width > 650 ? ‘650px’ : true);
不设置高度的情况下
max-widht谷歌火狐支持还是比较好的
IE 用下面表达式也能救救急。
直接加表达式改CSS 反正博客不用考虑太多性能~
不过js还是收藏了
2014年4月2日 18点33分 20F
鸟哥,hotnews主题文章编辑器有问题:插入图片后,输入光标无法调位置/
输入文本无法从图片下面写起。
复制进入的文本显示在图片之上。。。只能用文本输入。可是又不直观。如何解决
2014年4月3日 09点03分 B1
@ ilunpo 你能确定是hotnews主题文章编辑器有问题,还是Wordpress文章编辑器有问题
还是自己基本编辑操作还没弄明白
2014年4月3日 09点12分 B2
@ 知更鸟 是我不太习惯worldpress。不好意思。
慢慢学习。
2014年4月3日 09点13分 B2
@ 知更鸟 是我不太习惯wordpress。不好意思。
慢慢学习。