100下载

Jquery控制动态加载的图片大小的正确代码

来源:良言     发布时间:2016-02-16 16:14:21     浏览量:19976

window.onload=function(){
    $("#wenzhangneirong img").each(function(){     //
        var width = 850;
        var height = 1000;
        var image = $(this);
        if (image.width() > image.height()){
           if(image.width()>width){
            image.width(width);
            image.height(width/image.width()*image.height());
           }
        }
        else{
           if(image.height()>height){
            image.height(height);
            image.width(height/image.height()*image.width());
           }
        }
    });
}

说明: 

$(function(){}); 

是在DOM结构渲染完成以后调用的,这时候网页中一些资源还没有加载,比如图片等资源,但是DOM结构已经渲染成功了。  

window.onload=function(){} 

是在网页DOM结构渲染完成,而且资源已经加载成功以后调用的。 


在$(function(){})调用$('img').width()的时候,由于图片还没有加载,所以这时候标签的高度就是0,所以返回值就是0。但是当你用window.onload=function(){}调用的时候,图片已经加载出来了,所以这时候就能得到图片的高度。

版权所有 © 100下载 2008-2019 All Rights Reserved,新ICP备10003314号-1

新公网安备 65010302000133号