这篇文章主要介绍了二种方法如何解决DEDECMS图片大小图片太大撑破内容页，在开发过程应该对大家很有帮助，小编结合实例代码给大家介绍的非常详细，需要的朋友可以参考下
| 第一个方法：通过css方法解决dede5.7图片大小问题img,a img{ border:0; margin:0; padding:0; max-width:590px; width:expression(this.width>590?"590px":this.width); max-height:590px; height:expression(this.height>590?"590px":this.height); }上面的代码有2个问题！1.会把图片变的非常小。要刷新一次才能正常显示！2.图片不会按比例缩小，图片严重变形！代码如下：<!-- Begin CSS 控制图片大小 --><style type="text/css"> <!-- img,a img{ border:0; margin:0; padding:0; max-width:650px; width: expression(this.width > 650 && this.width > this.height ? 650px : 'auto';); max-height:1650px; height: expresion(this.height > 1650 ? 1650px : 'auto';); } --> </style><!-- End CSS 控制图片大小 -->第二种：通过JS来限制图片大小在dede模板的内容页面底部插入代码，必须在 “<div id=article> 这里是文章正文 </div>” 后面，</body>前面<script type="text/javascript" >//缩放图片到合适大小function ResizeImages(){ var myimg,oldwidth,oldheight; var maxwidth=550; var maxheight=880 var imgs = document.getElementById('article').getElementsByTagName('img'); //如果你定义的id不是article，请修改此处 for(i=0;i<imgs.length;i++){ myimg = imgs; if(myimg.width > myimg.height) { if(myimg.width > maxwidth) { oldwidth = myimg.width; myimg.height = myimg.height * (maxwidth/oldwidth); myimg.width = maxwidth; } }else{ if(myimg.height > maxheight) { oldheight = myimg.height; myimg.width = myimg.width * (maxheight/oldheight); myimg.height = maxheight; } } }}//缩放图片到合适大小ResizeImages();</script> |
以上就是二种方法如何解决DEDECMS图片大小图片太大撑破内容页。什么是成长？那是你内心的一个尺度。你能够感觉到你的成长，你内心知道你会成长为什么样貌，就好像一颗树籽，无需指导，也会成长为一颗挺拔的橡树。世界上每一个人都能够成长为自我最好的样貌。更多关于二种方法如何解决DEDECMS图片大小图片太大撑破内容页请关注haodaima.com其它相关文章！
