POST TIME:2020-03-28 17:36
最近一位會員朋友問我如何控制織夢CMS的文章中和圖片大小呢?我提供的解決方法是利用expression控制織夢模板文章圖片大小,現(xiàn)在發(fā)出來,提供給大家學(xué)習(xí)參考。
模板部分:
<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));
}
上一篇:實用的廣告居中代碼
下一篇:織夢CMS文章頁錯位解決實例