/* resize_images() function effects the image which's father DIV defined by the same id name "divName" */ function resize_images(divName, maxWidth, maxHeight, hideFlag) { var isCheckWidth = (maxWidth!=undefined && maxWidth>0); var isCheckHeight = (maxHeight!=undefined && maxHeight>0); /* if (navigator.userAgent.indexOf("MSIE 6") > 0) { var intervalValue = 30; if(maxWidth > intervalValue) { maxWidth -= intervalValue; } if(maxHeight > intervalValue) { maxHeight -= intervalValue } } */ var divName = document.getElementById(divName); var imgList = divName.getElementsByTagName('img'); if(imgList) { if(hideFlag && hideFlag == true) { divName.style.visibility = "hidden"; } if(!imgList.length) { var imgObj = imgList; var imgWidth = imgObj.width; var imgHeight = imgObj.height; if(isCheckWidth) { if(imgWidth > maxWidth) { var widthRatio = maxWidth/imgWidth; imgObj.width = imgWidth * widthRatio; imgObj.height = imgHeight * widthRatio; } } imgWidth = imgObj.width; imgHeight = imgObj.height; if(isCheckHeight) { if(imgHeight > maxHeight) { var heightRatio = maxHeight/imgHeight; imgObj.height = imgHeight * heightRatio; imgObj.width = imgWidth * heightRatio; } } } else { for(var i=0; i maxWidth) { var widthRatio = maxWidth/imgWidth; imgObj.width = imgWidth * widthRatio; imgObj.height = imgHeight * widthRatio; } } imgWidth = imgObj.width; imgHeight = imgObj.height; if(isCheckHeight) { if(imgHeight > maxHeight) { var heightRatio = maxHeight/imgHeight; imgObj.height = imgHeight * heightRatio; imgObj.width = imgWidth * heightRatio; } } } } if(hideFlag && hideFlag == true) { divName.style.visibility = "visible"; } } } function getElementsByClassName(n) { var el = []; var _el = document.getElementsByTagName('*'); for (var i=0; i<_el.length; i++ ) { if (_el[i].className == n ) { el[el.length] = _el[i]; } } return el; } /* resize_images2() function effects the image which's father DIV defined by the same class name "divClassName" used like this . */ function resize_images2(divClassName, maxWidth, maxHeight, hideFlag) { var isCheckWidth = (maxWidth!=undefined && maxWidth>0); var isCheckHeight = (maxHeight!=undefined && maxHeight>0); var divs = getElementsByClassName(divClassName); var divName; var imgList; if(divs == null || !divs.length || divs.length < 1){ //alert('will exit'); return ; } for(var j=0;j maxWidth) { var widthRatio = maxWidth/imgWidth; imgObj.width = imgWidth * widthRatio; imgObj.height = imgHeight * widthRatio; } } imgWidth = imgObj.width; imgHeight = imgObj.height; if(isCheckHeight) { if(imgHeight > maxHeight) { var heightRatio = maxHeight/imgHeight; imgObj.height = imgHeight * heightRatio; imgObj.width = imgWidth * heightRatio; } } } else { for(var i=0; i maxWidth) { var widthRatio = maxWidth/imgWidth; imgObj.width = imgWidth * widthRatio; imgObj.height = imgHeight * widthRatio; } } imgWidth = imgObj.width; imgHeight = imgObj.height; if(isCheckHeight) { if(imgHeight > maxHeight) { var heightRatio = maxHeight/imgHeight; imgObj.height = imgHeight * heightRatio; imgObj.width = imgWidth * heightRatio; } } } } if(hideFlag && hideFlag == true) { divName.style.visibility = "visible"; } } } } /** * It isn't same as . * I don't know how to deal with it. if (window.addEventListener){ //if browser is Mozilla or Opera; alert('attach,mozilla'); window.addEventListener("onload", resize_images2('clickareaht',100,100), false); } else if (window.attachEvent){ //if browser is IE; alert('attach,IE'); window.attachEvent("onload", resize_images2('clickareaht',100,100)); } */