导读:织梦文章织梦文章第一个方法:通过css方法解决dede5.7图片大小问题img,a img{ border:0;margin:0;padding:0; max-width:59dede会员中心模板dede模板安装。
第一个方法:通过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; dede免费校板下战; 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.g织梦文章模板etElementById('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>
|
相关dede会员中心模板dede模板安装。
关键词标签: CMS 太大 图片大小
声明: 本文由我的SEOUC技术文章主页发布于:2023-07-20 ,文章二种方法解决DEDECMS图片大小图片太大撑破内容页主要讲述太大,图片大小,CMS网站建设源码以及服务器配置搭建相关技术文章。转载请保留链接: https://www.seouc.com/article/web_32143.html