您的位置:首页 > Web前端 > CSS

根据JS来自动缩放图片过大的问题(css没有解决IE6)

2009-06-05 09:55 726 查看
由于图片过大的问题写了这段样式

.divContent{
}
.divContent img{
max-width:800;
height:auto;
zoom:expression( function(elm) { if(elm.width>800) { var oldVW = elm.width; elm.width=800; elm.height = elm.height*(800 /oldVW); } elm.style.zoom = '1'; }(this));
}

但是不能解决IE6加载后图片高度虽然已经算出来了,但是显示有问题,所以想一下脚本是否可以解决,写了下面的这段脚本解决了该问题.

function imgFix(){
var widthRestriction = 800;
var allElements = document.getElementsByTagName('*')
for( var i=0; i < allElements.length; i++){
if(allElements[i].className.indexOf('divContent') >= 0){
var imgElements = allElements[i].getElementsByTagName('img')
for( var j=0; j < imgElements.length; j++){
if( imgElements[j].width > widthRestriction ){
imgElements[j].height = imgElements[j].height * (widthRestriction/imgElements[j].width)
imgElements[j].width = widthRestriction
}
}
}
}
}
window.onload = imgFix ;
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: