如何控制织梦DedeCMS文档文章图片大小

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

方法一：
观察需要修改的图片，在网页文档中位置有无固定性，针对图片所处的位置通过CSS样式文件修改图片大小。

方法二：

模板部分：

<div class="content">
　　{dede:field.body /}
</div>

CSS部分：

请注意：图片高和宽最大都是600px，你可以自己修改图片宽度和高度。

1. .content img{
   
2. max-width:600px;
   
3. max-height:600px;
   
4. width:600px;
   
5. height:600px;
   
6. zoom:expression(function(el){
   
7. el.style.zoom = "1";
   
8. var resizeImg = function() {
   
9. if (el.width > 600 || el.height>600) {
   
10. if (el.width > el.height) {
    
11. el.width = "600";
    
12. el.height = el.height / (el.width / 600);
    
13. } else {
    
14. el.height = "600";
    
15. el.width = el.width / (el.height / 600);
    
16. }
    
17. }
    
18. }
    
19. if (el.complete) {
    
20. resizeImg();
    
21. } else {
    
22. el.onload = function() {
    
23. resizeImg();
    
24. }
    
25. }
    
26. }(this));
    
27. }

复制代码

点击阅读更多内容！