设为首页 - 加入收藏
您的当前位置:主页 > 网页教程 > CSS教程 > 正文

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

来源:未知 点击数: 时间:2018-01-14

  方法一如下: 在文章发布模板中,“{dede:field.body /} ”上下进行如下更改(红色为添加内容)

  {dede:field.body /}

  < /div>

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

  .content img{

  max-height:1500px;

  max-width:630px;

  width:expression_r((this.width > 630 && this.width > this.height) ? '630px': this.width+'px');

  height:expression_r((this.height > 1500 && this.height > this.width) ? '1500px': this.height+'px');

  float:middle;

  }


方法二:
找到模板中代码的位置如:
<div class="picview">
{dede:field name='image'/}
</div>
将其替换为:
<div class="picview">
<img src="{dede:field name='litpic'/}"  width="200" height="250">
</div>
这样就可以自由的实现各个模板中图片的大小啦,非常的方便!风信网络推荐大家采用此方法。
方法三:
修改文件:include/arc.archives.class.php 262行
//模板里直接使用{dede:field name='image'/}获取缩略图
$this->Fields['image'] = (!eregi('jpg|gif|png', $this->Fields['picname']) ? '' : "<img src='{$this->Fields['picname']}' />");
将其替换为:
$this->Fields['image'] = (!eregi('jpg|gif|png', $this->Fields['picname']) ? '' : "<img src='{$this->Fields['picname']}' onload='javascript:if (this.width>400) this.style.width=400;'/>");
加上onload="javascript:if (this.width>400) this.style.width=400;"可以图片大小。超过400则只显示400,小于400的则显示实际图片大小。
 

相关文章:

相关推荐:

A3站长网 站长网 站长网技术网 站长教程网 织梦CMS教程 织梦模板 帝国CMS模板 联系QQ:26991496 邮箱:26991496@qq.com

A3站长网:欢迎您!谢谢您的访问...

Top