最近一位会员朋友问我如何控制织梦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)); } 本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!
|