ImgLiquid

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script src="imgLiquid-min.js"></script>

.imgLiquid{
	background:#f3f3f3;
	width:350px;
	height:350px;
	border:1px solid #ccc;
}

<div class="imgLiquidFill1 imgLiquid">
    <img alt="" src="http://jquery.netid.pl/media/sample/700x500/7.jpg" />
</div>

<div class="imgLiquidFill2 imgLiquid">
    <img alt="" src="http://jquery.netid.pl/media/sample/700x500/5.jpg" />
</div>

$(document).ready(function() {
    $(".imgLiquidFill1").imgLiquid({
    	fill: true,
        horizontalAlign: "center",
        verticalAlign: "top"
    });
    
    $(".imgLiquidFill2").imgLiquid({
    	fill: true,
        horizontalAlign: "center",
        verticalAlign: "50%"
    });
});