我爱自学网-自学教程视频资源分享!

我爱自学网

阿里云主机
当前位置: 主页 > 网页设计 > 织梦建站教程 >

如何控制织梦DedeCMS文档文章图片大小

时间:2020-02-05 17:54来源:网络 作者:自学教员1号 点击:
文章摘要:织梦系统dedecms文章输出后,如果要修改图片大小怎么办呢。本篇文章分享织梦文章图片大小修改方法。方法一:Css样式修改;方法二:expression控制
最近一位会员朋友问我如何控制织梦CMS的文章中和图片大小呢?我提供的解决方法是利用expression控制织梦模板文章图片大小,现在发出来,提供给大家学习参考。

方法一:
观察需要修改的图片,在网页文档中位置有无固定性,针对图片所处的位置通过CSS样式文件修改图片大小。

方法二:

模板部分:

<div class="content">
  {dede:field.body /}
</div>

CSS部分:

请注意:图片高和宽最大都是600px,你可以自己修改图片宽度和高度。

.content img{
max-width:600px;
max-height:600px;
width:600px;
height:600px;
zoom:expression(function(el){
el.style.zoom = "1";
var resizeImg = function() {
if (el.width > 600 || el.height>600) {
if (el.width > el.height) {
el.width = "600";
el.height = el.height / (el.width / 600);
} else {
el.height = "600";
el.width = el.width / (el.height / 600);
}
}
}
if (el.complete) {
resizeImg();
} else {
el.onload = function() {
resizeImg();
}
}
}(this));

觉得内容有帮助的,支付宝打赏支持一下吧!
支持
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片
推荐内容
热点教程
美团红包