브라우저 크기에 따른 이미지 자동 크기조절

$(document).ready(function() {
       var WidthMax ; //브라우저 넓이에 따라 이미지 크기를 달리한다.

WidthMax = ($(window).width()*0.63); //이미지 넓이를 브라우저의 63% 크기로 지정

$(".entry").each(function() {

var imgwidth = $(this).attr("width");

if (imgwidth > WidthMax) 

{

var imgheight = $(this).attr("height");

var ratio = imgwidth/imgheight;

var newHeight = Math.round(WidthMax/ratio);

$(this).attr({width:WidthMax, height:newHeight});

}

});

});

이미지의 width값이 반드시 있어야 한다.
<img src="<%=ImageURL%>" class="entry" width="<%=ImageSize%>"/>