웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
페이지 사용안하고 팝업띄우기
2002.03.02 18:49
사진 그림이나 그런거 새창으로 띄울때
페이지 만들고 거기에 그림넣어서 링크시키는 경우가 있잖아요??
그걸 간단하게 자바스크립트 한구절로 해결할수있습니다 -_-;;
이 강좌에서 사용할 이미지는 이연걸 형아의 멋진모습 -_-;;(쓸사진이없어서..;;)
![lee.jpg](/files/attach/images/19360727/116/367/019/lee.jpg)
이 이미지의 크기는 352, 288 입니다.
이제 문서를 하나 만들어 봅시다.
이런 소스를 삽입해줍니다.
<a href="javascript:void(0)" onClick="window.open("lee.jpg",'pop','width=377,height=313');" >팝업띄우기</a>
![p1.jpg](/files/attach/images/19360727/116/367/019/p1.jpg)
이미지랑 문서는 같은 폴더에 있어야 겠죠.
이미지 크기는 352, 288 인데 팝업창은 왜 377, 313 이죠??
저도 몰라요..;;;(퍽!
사실은...디폴드값으로 왼쪽과 윗쪽이 저절로 25정도 공백이 생기더군요...
그래서 기본 이미지의 크기에다가 25씩 + 해주세요..;;;;
자 그럼 결과를 볼까요
![p2.jpg](/files/attach/images/19360727/116/367/019/p2.jpg)
자 이렇습니다 -_-;; 쿨럭...민망하시더라도 봐주시길...;;
자....어쨌든...이렇습니다 -_-;;(퍽!
허접한 강의 끝났습니다...;;
출처 : http://www.lycos.co.uk
![lainz4.gif](/files/attach/images/19360727/116/367/019/lainz4.gif)
페이지 만들고 거기에 그림넣어서 링크시키는 경우가 있잖아요??
그걸 간단하게 자바스크립트 한구절로 해결할수있습니다 -_-;;
이 강좌에서 사용할 이미지는 이연걸 형아의 멋진모습 -_-;;(쓸사진이없어서..;;)
![lee.jpg](/files/attach/images/19360727/116/367/019/lee.jpg)
이 이미지의 크기는 352, 288 입니다.
이제 문서를 하나 만들어 봅시다.
이런 소스를 삽입해줍니다.
<a href="javascript:void(0)" onClick="window.open("lee.jpg",'pop','width=377,height=313');" >팝업띄우기</a>
![p1.jpg](/files/attach/images/19360727/116/367/019/p1.jpg)
이미지랑 문서는 같은 폴더에 있어야 겠죠.
이미지 크기는 352, 288 인데 팝업창은 왜 377, 313 이죠??
저도 몰라요..;;;(퍽!
사실은...디폴드값으로 왼쪽과 윗쪽이 저절로 25정도 공백이 생기더군요...
그래서 기본 이미지의 크기에다가 25씩 + 해주세요..;;;;
자 그럼 결과를 볼까요
![p2.jpg](/files/attach/images/19360727/116/367/019/p2.jpg)
자 이렇습니다 -_-;; 쿨럭...민망하시더라도 봐주시길...;;
자....어쨌든...이렇습니다 -_-;;(퍽!
허접한 강의 끝났습니다...;;
출처 : http://www.lycos.co.uk
![lainz4.gif](/files/attach/images/19360727/116/367/019/lainz4.gif)