이미지 크기에 맞게 새창 열기 > JavaScript

본문 바로가기

사이트 내 전체검색

뒤로가기 JavaScript

이미지 크기에 맞게 새창 열기

페이지 정보

작성자 최고관리자 작성일 21-02-10 17:25 조회 9,355 댓글 0

본문

자바스크립트중에...

window 오브젝트의 메소드에... 다음과 같은 메소드가 있습니다.

resizeBy(horizontal, vertical)
 resizeTo(outerWidth, outerHeight)

 self.resizeTo(225,200); // absolute positioning
 self.resizeBy(-5,10); // relative positioning

오픈한 창에서 계산된 가로와 세로길이로 새로 창을 resize 하면 되지 않을까요? 다들 그렇게 하더군요...

그냥 오픈하기 전에 할려면 자바스크립트 함수를 만들고...

function OpenWindow(url, width, height)
 {
    var options = "width=" + width + ", height=" + height;
    open(url, "", options);
 }

뭐 이처럼 만들고...

아래에서 링크를 걸때...

이쯤에서 이미지의 가로와 세로를 계산해야 겠지요... (이미지 함수중에 있으니까... 알아서...)
그래서 계산된 결과가 $width , $height 에 저장되었고,
이미지 경로가 $url 이라면...

 <a href="javascript:OpenWindow('<?echo $url;?>','<?echo $width;?>','<?echo $height;?>')"><img src="aaa.jpg"></a>

라고 하면 되지 않을까요?

위의 것은 많이들 쓰는 방식이고 아래것은 잘몰라요.. 테스트 안해봐서...

그냥...

----------------------------------------------------------
PhotoImg = new Image();
 PhotoImg.src = "이미지";

function ViewImage() {
    iPWidth = PPhotoImg.width + 20;
    iPHeight = PPhotoImg.height + 20;

    strURL = "이미지";

    PhotoWin = window.open(strURL,"PhotoWin","width=" + iPWidth + ",height=" + iPHeight + ",toolbar=false,directories=false,status=false,menubar=false,scrollbars=false,scrollbars=no");
    PhotoWin.focus();
 }


 --------------------------------------------
 window.resizeBy(x,y) : 상대좌표로 크기조절
window.resizeTo(x,y) : 절대좌표로 크기조절

 위의 함수들을 사용하시면 됩니다..

width = 100
 height = 150
의 창이 있다면

window.resizeBy(50,100)의 결과는 width=150, height=250 이 되고요
window.resizeTo(50,100)의 결과는 width=50, height=100 이 됩니다.

댓글목록 0

등록된 댓글이 없습니다.

Copyright © beautipia.co.kr. All rights reserved.

contact : webmaster@beautipia.co.kr

PC 버전으로 보기