处理图片

1.js实现图片等比例缩放

<script language="JavaScript" type="text/javascript">
<!-- 根据FitWidth，FitHeight等比例缩放ImgD
function DrawImage(ImgD,FitWidth,FitHeight){
     var image=new Image();
     image.src=ImgD.src;
     if(image.width>0 && image.height>0){
         if(image.width/image.height>= FitWidth/FitHeight){
             if(image.width>FitWidth){
                 ImgD.width=FitWidth;
                 ImgD.height=(image.height*FitWidth)/image.width;
             }else{
                 ImgD.width=image.width; 
                 ImgD.height=image.height;
             }
         } else{
             if(image.height>FitHeight){
                 ImgD.height=FitHeight;
                 ImgD.width=(image.width*FitHeight)/image.height;
             }else{
                 ImgD.width=image.width; 
                 ImgD.height=image.height;
             } 
        }
     }
 }
//-->
</script>

2.jquery实现图片自适应

<a href="#"><img src="img.png"></img></a>

/**img自动等比例填充a的空间*/
var drawimg = function() {
	$("a img").each(function() {
		// 获得a的jquery对象
		var $a = $(this).parent();
		// 预留边框
		var width = $a.width() - 2;
		var height = $a.height() - 2;
		var t = $(this);
		var src = $(this).attr("src");
		// 网上说可以防止多个图片出现的bug
		var img = new Image();
		img.src = src;
		// 自动缩放图片
		if (img.width > 0 && img.height > 0) {
			var wratio = img.width / width;
			var hratio = img.height / height;
			// 比率大，说明比较接近。按照比率大的那个缩放
			if (wratio > hratio) {
				img.width = width;
				img.height = img.height / wratio;
			} else {
				img.height = height;
				img.width = img.width / hratio;
			}
			// 网上的代码
			if (img.width / img.height >= width / height) {
				if (img.width > width) {
					t.width(width);
					t.height((img.height * width) / img.width);
				} else {
					t.width(img.width);
					t.height(img.height);
				}
			} else {
				if (img.height > height) {
					t.height(height);
					t.width((img.width * height) / img.height);
				} else {
					t.width(img.width);
					t.height(img.height);
				}
			}
		}
		// 处理ff下会自动读取缓存图片
		// 此功能没有实现。
		if (img.complete) {
			//autoScaling();
			//return;
		}
		//autoScaling();
		t.attr("src", this.src);
		// 设置图片居中显示
		marginV = ($(this).parent().height() - t.height()) / 2;
		marginH = ($(this).parent().width() - t.width()) / 2;
		// 此处可能需要判断style是否已经存在margin属性了。
		t.attr("style", t.attr('style') +  "margin:" + marginV + "px " + marginH + "px;");
		// 显示图片，这个应该放在最后执行吧。
		t.show();
	});
}