<%--onreadystatechange(当加载状态改变时触发),readyState(获得Img当前的加载状态[loading,complete])--%>
测试测试测试测<img src="./Res/Hydrangeas.jpg" onreadystatechange="alert(this.readyState);" />试测试测试测试测试测试测试<br />
测试测试测试测试测试<img src="./Res/Desert.jpg" />测试测试测试测试测试测试<br />
</div>
<div>
<script>
function AutoChangeSize() {
//容器id
var divId = 'infoCon';
//限定宽度或高度,一次只能限定一个条件
var limitedWidth = 100;
var limitedHeight = -1;
//获得容器
var context = document.getElementById(divId);
//获得容器中的图片元素
var imgs = context.getElementsByTagName("IMG");
for (i = 0; i < imgs.length; i++) {
var w = imgs[i].width;
var h = imgs[i].height;
var num = parseFloat("1.00");
if (limitedWidth != -1 && w > limitedWidth) {
if (w != 0) {
num = parseFloat(limitedWidth) / parseFloat(w);
imgs[i].width = limitedWidth;
imgs[i].height = parseInt(h * num);
}
}
else if (limitedHeight != -1 && h > limitedHeight) {
if (h != 0) {
num = parseFloat(limitedHeight) / parseFloat(h);
imgs[i].width = parseInt(w * num);
imgs[i].height = limitedHeight;
}
}
}
}
setTimeout(AutoChangeSize, 100);
</script>
</div>