Javascript & JQuery & CSS

웹 페이지 내의 특정 부분의 이미지를 찾아 자동으로 원하는 이미지로 조절하는 스크립트 입니다.

아래는 스크립트 소스 입니다.
 

		<div id="vw_content">
		<img src="/lecture/javascript/image/02_usefunc13_1.jpg"><br>
		<img src="/lecture/javascript/image/02_usefunc13_2.jpg"><br>
		</div>


		function img_resize(maxsize) 
		{
			//maxsize = 700;

			var content = document.getElementById("vw_content");
			var img = content.getElementsByTagName("img");

			for(i=0; i<img.length; i++) 
			{
				//if ( eval('img[' + i + '].width > maxsize') ) 
				//{
				//	eval('img[' + i + '].width = maxsize') ;
				//}

				eval('img[' + i + '].width = maxsize') ;

			}
		}

div에 vw_content ID를 만들어 주고, 이영역에 있는 이미지들만 특정 크기로 변경할 수 있습니다.
maxsize 는 바꿀 이미지 크기 입니다.

주석 처리한 부분 기능은 maxsize 보다 이미지가 클 경우에만 이미지를 수정하는 소스입니다.

페이지를 읽어 올때 자동으로 크기를 조절하고 싶다면, window.onload = img_resize; 스크립트를 삽입하시면 되겠죠?