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

利用expression控制DedeCMS文章图片大小,第1张

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

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

总结

以上是内存溢出为你收集整理的利用expression控制DedeCMS文章图片大小全部内容,希望文章能够帮你解决利用expression控制DedeCMS文章图片大小所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zz/998657.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-21
下一篇 2022-05-21

发表评论

登录后才能评论

评论列表(0条)

保存