아는 것이 좋은 것이다.

[JavaScript] 이미지 사이즈변경 (리사이징) 본문

JavaScript

[JavaScript] 이미지 사이즈변경 (리사이징)

start0 2014. 5. 9. 18:14 
<HTML>
<HEAD>
    <TITLE>BLUEB</TITLE>

<script>
function img_resize() {
    // content 아이디 내의 모든 이미지 크기가 maxsize 보다 크면 maxsize로 리사이즈.
    var maxsize = 150;

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

    for(i=0; i<img.length; i++) {
        if ( eval!('img[' + i + '].width > maxsize') ) {
            eval!('img[' + i + '].width = maxsize') ;
        }
    }
}
window.onload = img_resize;
</script>
</HEAD>

<body>

<div id="content">
<img src="img01.jpg"><br>
<img src="img02.jpg">
</div>
 
</body>
</HTML>
<script>
function img_resize() {
    
    var maxsize = 200;
    
    var content = document.getElementById("content");
    var img = content.getElementsByTagName("img");
    
    for(i=0; i<img.length; i++) {
        if ( eval('img[' + i + '].width > maxsize') ) {
            eval('img[' + i + '].width = maxsize') ;
        }
    }
}
window.onload = img_resize;
</script>
저작자표시 비영리 변경금지

'JavaScript' 카테고리의 다른 글

[JavaScript] 게시판 상세내용 열고 닫기  (0) 2014.05.15
[JavaScript] id 값의 영역 버튼 클릭시 복사  (0) 2014.05.09
[JavaScript] 마우스 위치에서 레이어 띄우기  (0) 2014.05.02
[JavaScript] 체크박스 전체 체크 제어  (0) 2014.04.30
[JavaScript] 모바일에서 PC버전 웹페이지 접속시 모바일페이지로 이동  (0) 2014.04.30
공유하기 링크
'JavaScript' Related Articles more
Comments