이미지 크기에 맞게 새창 열기
페이지 정보
작성자 최고관리자 작성일 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 이 됩니다.
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
등록된 댓글이 없습니다.