jQuery图片预加载+等比例缩放

演示&＃xff1a;
http://www.cssrain.cn/demo/imgResizeCenter/demo.html

相关代码&＃xff1a;
/*
* jQuery插件&＃xff1a;
* 图片预加载
* 重置图片宽度&＃xff0c;高度
* 图片水平&＃xff0c;垂直居中
* Dev By CssRain.cn
*/
jQuery.fn.loadthumb &＃61; function(options) {
    options &＃61; $.extend({
         src : "",
         imgId : "myImgs",
         parentId : "CRviewer"
    },options);
    var _self &＃61; this;
    _self.hide();
    var img &＃61; new Image();
    $(img).load(function(){
        imgDem &＃61; {};
        imgDem.w  &＃61; img.width;
        imgDem.h  &＃61; img.height;
        imgDem &＃61; $.imgResize({"w": $("#"&＃43;options.parentId).width() ,"h": $("#"&＃43;options.parentId).height()},{"w":imgDem.w,"h":imgDem.h});
        var imgMargins &＃61; $.imgCenter({"w": $("#"&＃43;options.parentId).width() ,"h": $("#"&＃43;options.parentId).height()},{"w":imgDem.w,"h":imgDem.h});
        $("#"&＃43;options.imgId).css({width:imgDem.w,height:imgDem.h,marginLeft:imgMargins.l,marginTop:imgMargins.t});
        _self.attr("src", options.src);
        _self.fadeIn("slow");
    }).attr("src", options.src);  //.atte("src",options.src)要放在load后面&＃xff0c;
    return _self;
}
//重置图片宽度&＃xff0c;高度插件 ( parentDem是父元素&＃xff0c;imgDem是图片 )
jQuery.imgResize &＃61; function(parentDem,imgDem){
    if(imgDem.w>0 && imgDem.h>0){
        var rate &＃61; (parentDem.w/imgDem.w         //如果 指定高度/图片高度  小于  指定宽度/图片宽度 &＃xff0c;  那么&＃xff0c;我们的比例数 取 指定高度/图片高度。
        //如果 指定高度/图片高度  大于  指定宽度/图片宽度 &＃xff0c;  那么&＃xff0c;我们的比例数 取 指定宽度/图片宽度。
        if(rate <&＃61; 1){  
            imgDem.w &＃61; imgDem.w*rate; //图片新的宽度 &＃61; 宽度 * 比例数
            imgDem.h &＃61; imgDem.h*rate;
        }else{//  如果比例数大于1&＃xff0c;则新的宽度等于以前的宽度。
            imgDem.w &＃61; imgDem.w;
            imgDem.h &＃61; imgDem.h;
        }
    }
    return imgDem;
}
//使图片在父元素内水平&＃xff0c;垂直居中&＃xff0c;( parentDem是父元素&＃xff0c;imgDem是图片 )
jQuery.imgCenter &＃61; function(parentDem,imgDem){
    var left &＃61; (parentDem.w - imgDem.w)*0.5;
    var top &＃61; (parentDem.h - imgDem.h)*0.5;
    return { "l": left , "t": top};
}

下载&＃xff1a;
http://www.cssrain.cn/demo/imgResizeCenter/imgResize.rar