//jquery plugins	图片自动调整大小
/*********************************
josn: width : 最大宽
	  height : 最大高

v 1.0
*********************************/
/*********************************
例子:



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>图片自动调整大小</title>
<script src="jquery-1.2.6.pack.js" type="text/javascript"></script>
<script src="jquery_dongPictureReSize_1.0.js" type="text/javascript"></script>
<script>
$(document).ready(function(){
	$(".picture").dongPictureReSize({ width:275 , height:250 });//
});
</script>
<style>
img{border:0}
#caselist ul { }
#caselist ul li { padding:10px 20px 10px 20px; list-style:none; float:left; }
.caselistitem { }
.caselistpic { border:#999999 1px solid; background:#F7F7F7; width:275px; height:250px; }
.caselisttitle { width:141px; padding:10px 1px 0px 3px; line-height:20px; }
.caselisttitle a, .caselisttitle a:visited { color:#7a1163; }
</style>
</head>
<body>
<div id="caselist">
  <ul>
    <li>
      <div class="caselistitem">
        <div class="caselistpic"><a href="/uploadFiles/20096410152318631.gif" target="_blank"><img class="picture" src="images/index_062.gif" /></a></div>
        <div class="caselisttitle"><a href="/uploadFiles/20096410152318631.gif">宽高都大　横</a>
        </div>
      </div>
    </li>
    <li>
      <div class="caselistitem">
        <div class="caselistpic"><a href="/uploadFiles/20096214102415151.jpg" target="_blank"><img class="picture" src="images/index_063.gif" /></a></div>
        <div class="caselisttitle"><a href="/uploadFiles/20096214102415151.jpg">宽高都大　竖</a>
          <div></div>
        </div>
      </div>
    </li>
    <li>
      <div class="caselistitem">
        <div class="caselistpic"><a href="/uploadFiles/20096410101514901.gif" target="_blank"><img class="picture" src="images/index_061.gif"/></a></div>
        <div class="caselisttitle"><a href="/uploadFiles/20096410101514901.gif">宽大高小</a></div>
      </div>
    </li>
    <li>
      <div class="caselistitem">
        <div class="caselistpic"><a href="/uploadFiles/20096214102415151.jpg" target="_blank"><img class="picture" src="images/index_06.gif" /></a></div>
        <div class="caselisttitle"><a href="/uploadFiles/20096214102415151.jpg">宽小高大</a>
          <div></div>
        </div>
      </div>
    </li>
    <li>
      <div class="caselistitem">
        <div class="caselistpic"><a href="/uploadFiles/20096214102415151.jpg" target="_blank"><img class="picture" src="images/pl1.gif" /></a></div>
        <div class="caselisttitle"><a href="/uploadFiles/20096214102415151.jpg">宽高都小</a>
          <div></div>
        </div>
      </div>
    </li>
  </ul>
</div>
</body>
</html>

*********************************/
jQuery.fn.extend({
	dongPictureReSize : function(o){
		var width=o.width;
		var height=o.height;
		$.each(this,function(i,n){
			var p=$(n);
			var w2=100;
			var h2=100;
			if (width!=null){
				w2=width;
			}else{
				w2=p.attr("width");
			}
			if (height!=null){
				h2=height;
			}else{
				h2=p.attr("height");
			}
			var x=0;
			var y=0;
			
			var img = new Image
			img.src=p.attr("src");
			var w=img.width;
			var h=img.height;
			
			var we=w;
			var he=h;
			
			if (we>w2){
				we=w2;
				he=(we*h)/w
			}
			if (he>h2){
				he=h2
				we=(w*he)/h;
			}
			
			we=parseInt(we);
			he=parseInt(he);
			x=(w2-we)/2;
			y=(h2-he)/2;
			x=parseInt(x);
			y=parseInt(y);
			
			p.width(we);
			p.height(he);
			p.parent().css({"position":"relative", "display":"block", "width":w2, "height":h2});
			p.css({"position":"absolute", "left":x, "top":y});
			//
			//alert('x:'+x+',y:'+y+',we:'+we+',he:'+he+',w2:'+w2+',h2:'+h2);
		});
	}
});

