站长网 教程 利用expression控制DedeCMS文章图片大小

利用expression控制DedeCMS文章图片大小

利用expression控制DedeCMS文章图片大小 模板部分: div class=content {dede:field.body /} /div CSS部分: 提示,图片高和宽最大都是600px,你可以自己修改图片宽度和高度。 .content img{ max-width:600px; max-height:600px; width:600px; height:600p

利用expression控制DedeCMS文章图片大小

模板部分:

<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));
}

本文来自网络,不代表站长网立场,转载请注明出处:https://www.zwzz.com.cn/html/video/2021/0522/3882.html

作者: dawei

【声明】:站长网内容转载自互联网,其相关言论仅代表作者个人观点绝非权威,不代表本站立场。如您发现内容存在版权问题,请提交相关链接至邮箱:bqsm@foxmail.com,我们将及时予以处理。
联系我们

联系我们

0577-28828765

在线咨询: QQ交谈

邮箱: xwei067@foxmail.com

工作时间:周一至周五,9:00-17:30,节假日休息

返回顶部