jquery简单实现图片自动缩放

Time:2010-07-28 04:08:04. Author:millken. Category:技术. Tags:作品,jquery.

$(document).ready(function() {
    $('img[data^=maxsize_]').each(function(){
        var t = this;
        var autoScaling = function() {
            var size = $(t).attr('data').substring(8);
            wh=size.split("*");
            wh1 = isNaN(wh[1])?wh[0]:wh[1];
            max = Math.max(t.width/wh[0], t.height/wh1);
            if(max>1)$(t).css({'width':t.width/max,'height':t.height/max});
        }
        if(this.complete)autoScaling();
        $(this).load(function(){autoScaling();
        });
    });
});



调用上面代码后,只要img含有类似data="maxsize_300*200",就可以实现自动缩放。

有什么要说的?





* 所有字段必须填写.

关于我:

陈震(millken) 男 26岁 高级程序员

湖南石门人,现混迹于上海。

联系方式:millken#gmail.com

开放分类