一个小功能 jquery 插件

主要功能

按 img标签 的 高 做为最大高
按 img标签 的 宽 做为最大宽

然后按比例缩小 img.src的 原图


$.fn.extend({
    auto_img:function(){
        this.each(function(){
            var img = new Image();
            img.src = this.src;
            
            nheight = Math.abs((img.width / this.width) * img.height);
            if(img.height <= this.height && img.width <= this.width){
                this.height = img.height;
                this.width = img.width;
            }else{
                if(this.height >= nheight){
                    this.height = nheight;
                    this.width = this.width;
                }else{
                    this.height = this.height;
                    this.width = Math.abs((img.height / img.width) * this.width);
                }
            }   
        });
    }
});



//使用列子
$('.az_img').auto_img();


//html
<img src='./aa.jpg' class='az_img' width = '100' height='80'>

牛逼。

Look  Look

学习......

LOOk 看下

做记录，学习

写过一个类似的...[code]
jQuery.fn.reSize = function(w,h){
        var blogimage=new Image();
        blogimage.src=$(this).attr("src");
        if(blogimage.width>0 && blogimage.height>0) {
                flag=true;
                if(blogimage.width>=w) {
                        var twidth=w;
                        var theight=(blogimage.height*w)/blogimage.width;
                }
                else {
                        var twidth=blogimage.width;
                        var theight=blogimage.height;
                }
                if (theight>=h) {
                        var twidth=(blogimage.width*h)/blogimage.height;
                        var theight=h;
                }
                $(this).width(twidth);
                $(this).height(theight);
        }
};
[/code]