JQuery - 画像サムネイル

    /**
     * 画像の縦横比を変えずに画像縮小をします。
     * @param max_width 横幅最大値
     * @param max_height 縦幅最大値
     */
    $.fn.thumbnailImg = function(option){
        $(this).each(function(){
            var h = $(this).height();
            var w = $(this).width();
            var hRange = option.max_height / h;
            var wRange = option.max_width / w;
            if ( hRange > wRange && w > option.max_width) {
                $(this).attr("width", option.max_width);
            } else if (h > option.max_height) {
                $(this).attr("height", option.max_height);
            } else {
                $(this).attr({"height":option.max_height, "width":option.max_width});
            }
        }).show();
    };

使い方

    $('img').thumbnailImg({'max_width':100, 'max_height':100});