<div class="codetitle"> <span><a style="CURSOR: pointer" data="38695" class="copybut" id="copybut38695" onclick="doCopy('code38695')"><u>コードをコピー</u></a></span> コードは次のとおりです:</div> <div class="codebody" id="code38695"> <br> <br> <br> <br><meta http-equiv="Content-Type" content="text/html"> <br>画像 自動的に縮小して垂直方向に中央揃え -www.jb51.net <br><!--[if lte IE 6]>script type="text/javascript" language =" javascript"> <BR>function js CSS画像の比例縮小と垂直センタリングの実装 code_javascriptスキルFix() { <BR>//制限される画像の幅と高さを定義します。この幅と高さは、制限された画像よりも小さいものでなければなりません。高さと幅は操作されません <BR>var widthRestriction = 200; <BR>var heightRestriction = 200; <BR>var allElements = document.getElementsByTagName('*') <BR>for (var i = 0; i < allElements.length; i ) <BR>{ <BR> if (allElements[i].className.indexOf('js CSS画像の比例縮小と垂直センタリングの実装 code_javascriptスキルBox') >= 0) <BR>{ <BR>var js CSS画像の比例縮小と垂直センタリングの実装 code_javascriptスキルElements = allElements[i].getElementsByTagName( 'js CSS画像の比例縮小と垂直センタリングの実装 code_javascriptスキル'); <BR>for (var j= 0; j <js CSS画像の比例縮小と垂直センタリングの実装 code_javascriptスキルElements.length; j ) <BR>{ <BR>if ( js CSS画像の比例縮小と垂直センタリングの実装 code_javascriptスキルElements[j].width > widthRestriction || js CSS画像の比例縮小と垂直センタリングの実装 code_javascriptスキルElements[j].height > heightRestriction ) <BR>{ <BR>if ( js CSS画像の比例縮小と垂直センタリングの実装 code_javascriptスキルElements[j].width > js CSS画像の比例縮小と垂直センタリングの実装 code_javascriptスキルElements[j].height) <BR>{ <BR>js CSS画像の比例縮小と垂直センタリングの実装 code_javascriptスキルElements[j].height = js CSS画像の比例縮小と垂直センタリングの実装 code_javascriptスキルElements[j].height*( widthRestriction/js CSS画像の比例縮小と垂直センタリングの実装 code_javascriptスキルElements[j].width); <BR> js CSS画像の比例縮小と垂直センタリングの実装 code_javascriptスキルElements[j].width = widthRestriction; <BR>} else <BR>{ <BR>js CSS画像の比例縮小と垂直センタリングの実装 code_javascriptスキルElements[j].width = js CSS画像の比例縮小と垂直センタリングの実装 code_javascriptスキルElements[j].width*(heightRestriction /js CSS画像の比例縮小と垂直センタリングの実装 code_javascriptスキルElements[j].height); <BR>js CSS画像の比例縮小と垂直センタリングの実装 code_javascriptスキルElements [j].height = heightRestriction; <BR>} <BR>} <BR>if (js CSS画像の比例縮小と垂直センタリングの実装 code_javascriptスキルElements[j].height < heightRestriction ) <BR>{ <BR>js CSS画像の比例縮小と垂直センタリングの実装 code_javascriptスキルElements[j].style.paddingTop = ( heightRestriction - js CSS画像の比例縮小と垂直センタリングの実装 code_javascriptスキルElements[j].height ) /2 "px" <BR>} <BR>} /*for j*/ <BR>} <BR>}/* i*/ <BR>} <BR>window = js CSS画像の比例縮小と垂直センタリングの実装 code_javascriptスキルFix <BR><![endif]--> "> <br> </div>