圖片寬度過大,可能會把頁面撐開,很多解決辦法都是通過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>