導讀:織夢文章織夢文章第一個方法：通過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 太大 圖片大小