导读:DEDE技术DEDE技术最近一位会员朋友问我如何控制织梦CMS的文章中和图片大小呢?我提供的解决方法是利用expression控制DedeCMS文章图片大小,现在发出来,提供给大家学习织梦模板dede免费校板下战。

最近一位会员朋友问我如何控制织梦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.widthdede后台模板 > 600 || el.height>600) {
if (el.width > el.height) {
el.width = "600";
el.height = el.heigdede58模板ht /dede手机模板 (el.width / 600);
} else {
el.height = "600";
el.width = el.width / (el.height / 600);
}
}
}
if (el.complete) {
resizeImg();
} else {
el.onload = function() {
resizeImg();
}
}
}(this));
}
相关织梦模板dede免费校板下战。
关键词标签: CMS 标签 图片大小
声明: 本文由我的SEOUC技术文章主页发布于:2023-07-21 ,文章如何控制DedeCMS文章图片大小,DEDE技术主要讲述图片大小,标签,CMS网站建设源码以及服务器配置搭建相关技术文章。转载请保留链接: http://www.tngdez.cn/article/web_33207.html
为你推荐与如何控制DedeCMS文章图片大小,DEDE技术相关的文章
网站建设技术SEOUC.COM
专注网站建设,SEO优化,小程序设计制作搭建开发定制网站等,数千家网站定制开发案例,网站推广技术服务。
5000+合作客服
8年从业经验
150+覆盖行业
|