このコードで実装される関数は、divが通常IMGを含む場合、IMGの画像サイズが不明であり、Divサイズが不明の場合、画像自体がDivコンテナサイズよりも小さい場合に画像適応サイズが処理されないことです。なぜなら、伸ばすと、絵が歪む可能性があるからです。
それ以上のADOなしで、TESTED、Firefox、Google、IE6、IE7/8と互換性のあるコードをアップロードするだけです
以下はJSコードです。
コードコピーは次のとおりです。
<script type = "text/javascript"言語= "javascript">
window.onload = function(){
changeimgsize();
}
function changeimgsize(){
var getContainer = document.getElementById( 'imgcontainer');
var getimg = getContainer.getElementsByTagname( 'img')[0];
var fw = getContainer.OffsetWidth-(2*getContainer.ClientLeft);
var fh = getContainer.offsEtheight-(2*getContainer.ClientTop);
var iw = getimg.width;
var ih = getimg.height;
var m = iw/fw;
var n = ih/fh;
if(m> = 1 && n <= 1)
{
iw = math.ceil(iw/m);
ih = math.ceil(ih/m);
getimg.width = iw;
getimg.height = ih;
}
else if(m <= 1 && n> = 1)
{
iw = math.ceil(iw/n);
ih = math.ceil(ih/n);
getimg.width = iw;
getimg.height = ih;
}
else if(m> = 1 && n> = 1)
{
getMax = math.max(m、n);
iw = math.ceil(iw/getmax);
ih = math.ceil(ih/getmax);
getimg.width = iw;
getimg.height = ih;
}
if(getimg.height <fh)
{
var getDistance = math.floor((fh-getimg.height)/2);
getimg.style.margintop = getDistance.toString()+"px";
}
}
</script>
以下はHTMLコードです。
コードコピーは次のとおりです。
<div id = "imgcontainer"> <img src = "images/444.jpg"/> </div>
これがCSSコードです:
コードコピーは次のとおりです。
.sy_pic {width:200px;高さ:300px;国境:#000ソリッド5px;テキストアライグ:センター;}
画像アドレスを自分で変更して使用します。ご質問やアドバイスがある場合は、QQグループ:255708401を追加してください。