第一個方法：通過css方法解決dede5.7圖片大小問題
1. img,a img{
2. border:0;
3. margin:0;
4. padding:0;
5. max-width:590px;
6. width:expression(this.width>590?"590px":this.width);
7. max-height:590px;
8. height:expression(this.height>590?"590px":this.height);
9. }
復制代碼
上面的代碼有2個問題！
1.會把圖片變的非常小。要刷新一次才能正常顯示！
2.圖片不會按比例縮小，圖片嚴重變形！
代碼如下：
1. <!-- Begin CSS 控制圖片大小 -->
2. <style type="text/css">
3. <!--
4. img,a img{
5. border:0;
6. margin:0;
7. padding:0;
8. max-width:650px;
9. width: expression(this.width > 650 && this.width > this.height ? 650px : 'auto';);
10. max-height:1650px;
11. height: expresion(this.height > 1650 ? 1650px : 'auto';);
12. } -->
13. </style>
14. <!-- End CSS 控制圖片大小 -->
復制代碼
第二種：通過JS來限制圖片大小
在dede模板的內容頁面底部插入代碼，必須在 “<div id=article> 這里是文章正文 </div>” 后面，</body>前面
1. <script type="text/javascript" >
2.
3. //縮放圖片到合適大小
4. function ResizeImages()
5. {
6. var myimg,oldwidth,oldheight;
7. var maxwidth=550;
8. var maxheight=880
9. var imgs = document.getElementById('article').getElementsByTagName('img'); //如果你定義的id不是article，請修改此處
10.
11. for(i=0;i<imgs.length;i++){
12. myimg = imgs[i];
13.
14. if(myimg.width > myimg.height)
15. {
16. if(myimg.width > maxwidth)
17. {
18. oldwidth = myimg.width;
19. myimg.height = myimg.height * (maxwidth/oldwidth);
20. myimg.width = maxwidth;
21. }
22. }else{
23. if(myimg.height > maxheight)
24. {
25. oldheight = myimg.height;
26. myimg.width = myimg.width * (maxheight/oldheight);
27. myimg.height = maxheight;
28. }
29. }
30. }
31. }
32. //縮放圖片到合適大小
33. ResizeImages();
34. </script>
35.
復制代碼
也可將上面的代碼保存為一個js文件，放在網頁底部調用。其中 ResizeImages(); 表示執行，缺少這段代碼則程序不執行。
關于本文的作者 :
名字很酷，據說愛軟件，愛網絡，愛游戲，愛數碼，愛科技，各種控，各種宅，不糾結會死星人，不折騰會死星人。此人屬虛構，如有雷同，純屬被抄襲……
下面是我的聯系方式：
大家有事沒事就騷擾一下我吧，只不過我經常忙不過來，不一定能很快回復你的郵件，希望別介意……
下面是一些我主要的聯系方式，你可以根據自己的情況收聽它們，它們都會同步更新的！
新浪微博 | 騰訊微博 | 河南論壇 | 河南健康網 | 博客園
pasting