이미지 자동 리사이즈
※ 내용 업데이트와 홈페이지 관리 다시 시작하겠습니다. ^^;
|
예제
아래 사진은 자동으로 가로 500px로 리사이즈가 됩니다. ☞ 원본 아래 사진은 자동으로 가로 500px로 리사이즈가 됩니다.  ☞ 원본 아래 사진은 지정된 사이즈보다 작아서 리사이즈가 되지않습니다.  ☞ 원본 아래 사진은 div 태그를 이용하여 사진이 불려질때 레이아웃이 좌우려 밀려나 깨지는것을 막아본 소스입니다. |
소스
아래 사진은 자동으로 가로 500px로 리사이즈가 됩니다.<br>
<img src="http://blogfile.paran.com/BLOG_65860/200807/1215322746_Clip0003.jpg" onload="var tmp = this;setTimeout(function(){if(tmp.width > 500)tmp.width = 500}, 200)"><br>
<a href="http://blogfile.paran.com/BLOG_65860/200807/1215322746_Clip0003.jpg" target="_blank">☞ 원본</a><br><br>
아래 사진은 자동으로 가로 500px로 리사이즈가 됩니다.<br>
<img src="http://blogfile.paran.com/BLOG_65860/200705/1178975661_Image1.jpg" onload="var tmp = this;setTimeout(function(){if(tmp.width > 500)tmp.width = 500}, 200)"><br>
<a href="http://blogfile.paran.com/BLOG_65860/200705/1178975661_Image1.jpg" target="_blank">☞ 원본</a><br><br>
아래 사진은 지정된 사이즈보다 작아서 리사이즈가 되지않습니다.<br>
<img src="/images/helper/smp_400_06.jpg" onload="var tmp = this;setTimeout(function(){if(tmp.width > 500)tmp.width = 500}, 200)"><br>
<a href="/images/helper/smp_400_06.jpg" target="_blank">☞ 원본</a><br><br>
아래 사진은 div 태그를 이용하여 사진이 불려질때 레이아웃이 좌우려 밀려나 깨지는것을 막아본 소스입니다.<br>
<div style="width:400px; overflow-x:hidden;">
<img src="http://fs.textcube.com/blog/3/30839/attach/XNgYsYxQB5.jpg" onload="var tmp = this;setTimeout(function(){if(tmp.width > 400)tmp.width = 400}, 200)"><br>
<a href="http://fs.textcube.com/blog/3/30839/attach/XNgYsYxQB5.jpg" target="_blank">☞ 원본</a>
</div>| ☞ 달팽이홈2 | 등록일 : 2008-07-06 |