文章中圖片寬度過大,可能會把頁面撐開的問題

圖片寬度過大,可能會把頁面撐開,很多解決辦法都是通過css樣式來控制的,這種方式存在bug(圖片可能變得很小)

只有刷新才能回覆正常,建議改成通過js控制:

<SCRIPT language=JavaScript>

//圖片按比例縮放

var flag=false;

function DrawImage(ImgD,iwidth,iheight){

    //參數(圖片,允許的寬度,允許的高度)

    var image=new Image();

    image.src=ImgD.src;

    if(image.width>0 && image.height>0){

    flag=true;

    if(image.width/image.height>= iwidth/iheight){

        if(image.width>iwidth){ 

        ImgD.width=iwidth;

        ImgD.height=(image.height*iwidth)/image.width;

        }else{

        ImgD.width=image.width; 

        ImgD.height=image.height;

        }

        ImgD.alt=image.width+"×"+image.height;

        }

    else{

        if(image.height>iheight){ 

        ImgD.height=iheight;

        ImgD.width=(image.width*iheight)/image.height;       

        }else{

        ImgD.width=image.width; 

        ImgD.height=image.height;

        }

        ImgD.alt=image.width+"×"+image.height;

        }

    }

}

//zoom內的圖片按比例縮放

var div = document.getElementById("zoom");

var nodes = div.childNodes;

var sLen = div.childNodes.length;

var obj;

for(var i=0;i<sLen;i++){

         obj = nodes[i];

         if(obj.tagName=="CENTER"){

                   var imgNodes = obj.childNodes;

                   var iLen = imgNodes.length;

                   var img;

                   for(var j=0;j<iLen;j++){

                            if(imgNodes[j].tagName=="IMG"){

                                     img = imgNodes[j];

                                     DrawImage(img,700,700);

                            }

                   }

         }

}

</SCRIPT>

 

 


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章