各类知识收集,PHP技术分享与解决方案各类知识收集,PHP技术分享与解决方案各类知识收集,PHP技术分享与解决方案

Str Tom,为分享PHP技术和解决方案,贡献一份自己的力量!
收藏本站(不迷路),每天更新好文章!
当前位置:首页 > CMS教程 > dedecms

如何控制DedeCMS文章图片大小

管理员 2014-09-01
dedecms
103

最近一位会员朋友问我如何控制织梦CMS的文章中和图片大小呢?我提供的解决方法是利用expression控制织梦模板文章图片大小,现在发出来,提供给大家学习参考。

模板部分:

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

本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!

扫码关注

qrcode

QQ交谈

回顶部