dedeCMS 文章内容中图片自适应宽度大小控制示例

作者:笨小孩 发布于:2012-10-18 16:40 分类:网站程序

dede在采集图片,或者直接复制图片到发布框中时,经常会出现图片宽度超出页面宽度,或者不显示,或者撑破页面的现象。

笔者经过仔细研究,综合了网上几个示例的优点,总结出一套办法,希望对大家有用。 本方法特点: 1、自动调整文章内容中大图片最大宽度,不影响小图片的宽度。 2、不影响文章内容外的其它内容。 方法如下: 在文章发布模板中,“{dede:field.body /} ”上下进行如下更改(红色为添加内容)

 

<div>

{dede:field.body /}
</div>

 

然后在模板style.css中添加如下内容(加到最后即可)

.content img{
max-height:1500px;
max-width:630px;
width:expression((this.width > 630 && this.width > this.height) ? ’630px’: this.width+’px’);
height:expression((this.height > 1500 && this.height > this.width) ? ’1500px’: this.height+’px’);
float:middle;
}

标签: DEDECMS

发表评论:

手机版 | 
Copyright © 2012 lamp46.com All Right Reserved. sitemap