由于图片过大的问题写了这段样式

.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 ;

Posted on 2009-06-05 09:55  jasonC  阅读(568)  评论(0编辑  收藏  举报