우선 간단한 소스를 알려드리겠습니다.
우선 소스를 보고 아래 설명해드리죠.
<html>
<script language="javascript">
<!--
//팝업윈도우, 스크린 중앙에 위치, 다중 오픈 방지
var winname_1;
var openF = 0;
function popup(fileName, intWidth, intHeight, intLeft, intTop, vScrollbars, vResizable, vStatus){
today = new Date();
winName = today.getTime();
var fileName, intWidth, intHeight;
var screenWidth = screen.availwidth;
var screenHeight = screen.availheight;
if(intWidth >= screenWidth){ //스크린 상테에 따라 스크롤바 자동표시
intWidth = screenWidth - 40;
vScrollbars = 1;
}
if(intHeight >= screenHeight){ //스크린 상테에 따라 스크롤바 자동표시
intHeight = screenHeight - 40;
intWidth = intWidth + 20;
vScrollbars = 1;
}
if(intLeft == 'auto' || intTop == 'auto'){ //스크린 중앙에 위치 시키기
var intLeft = (screenWidth - intWidth) / 2;
var intTop = (screenHeight - intHeight) / 2;
}
var features = eval("'width=" + intWidth + ",height=" + intHeight + ",left=" + intLeft + ",top=" + intTop + ",scrollbars=" + vScrollbars + ",resizable=" + vResizable + ",status=" + vStatus + "'");
if(openF == 1){
if(winname_1.closed){
winname_1 = window.open(fileName,winName,features);
}else{
winname_1.close();
winname_1 = window.open(fileName,winName,features);
}
}else{
winname_1 = window.open(fileName,winName,features);
openF = 1;
}
winname_1.focus();
}
//-->
</script>
<body onload="popup('http://yahoo.co.kr','600','350','auto','auto','0','0','0');" background="bg.jpg" leftmargin="0" marginwidth="0" topmargin="0" marginheight="0">
</body>
</html>
자 여기까지가 님이 원하시는 뒷배경.. 말그대로 싸이처럼... 타일만나오는 페이지 입니다.
복사해다가 index.html 로 사용하시면되겠군요.
저 위의 소스를 설명하자면
위에 와 사이에 자바 스크립트가 있습니다.
저 스크립트는 간단하게 설명해서 윈도우를 팝업할수 있게하고 현제 화면 비율을 측정해
서 새창을 화면 가운데에 띄울수있게, 중복적으로 띄우지않게 하는 소스입니다.
다음으로는 이 페이지가 열리자마자 새창이 뜨는데 그부분이 바로
<body onload
이부분이죠 그럼 봅시다 onload 즉 열라는 소리죠.
popup('http://yahoo.co.kr','600','350','auto','auto','0','0','0')
yahoo.co.kr 을 600*350 사이즈로 왼쪽위치를 auto로 탑위치를 auto로 하고
스크롤바 표시 : 표시않함 윈도우 사이즈 변경 : 표시않함 상태표시바 표시 : 표시않함
(참고로 0 이 표시 않함이고 1이 표시함입니다.)
이런 새창으로 열어라 라는말입니다.
다음 background="bg.jpg" 이건 아시죠 배경을 bg.jpg로 채워라 라는말이고
leftmargin="0" marginwidth="0" topmargin="0" marginheight="0"
이건 문서의 공백을 0으로 한겁니다.
한마디로 http://yahoo.co.kr님이 뛰우고싶은 페이지 경로로 바꾸시면됩니다. 상대경로도
사용가능합니다.
600 * 350 도 님이 원하는 사이즈로 변경가능
대충 이해가 가셧나요??
이해가 안가시면 메일이나 쪽지 주시고요.
답변 내용추가
미니창에서 게시판 연동은 그다지 까다롭지않습니다.
문제는 크기를 잘 맞게 코딩하셔야 한다는 겁니다.
대문만 제가 알려드린대로 하고 설정한 크기에맞게 나모웹에디터든 드림위버든
사용하기 편한 툴로 제작하시면됩니다.
예를들어 님이 제작한 미니화면용 인덱스페이지가 mini_index.htm 이고
사이트 주소가 http://mini.com 이라고 가정하였을때...
이부분이 (초록색글씨 참고)
popup('http://mini.com/mini_index.htm','600','350','auto','auto','0','0','0')
이렇게 되겠죠.
하지만 제가 상대 경로도 가능하다 하였습니다. 그렇다면
index.htm 과 mini_index.htm 파일이 같은 경로에 있다고 가정하에
popup('./mini_index.htm','600','350','auto','auto','0','0','0')
가 되겠죠.
이해가 가시죠...
출처:http://kin.naver.com/detail/detail.php?d1id=1&dir_id=109&eid=5Dp+ttxfg7J8zkp8n+OrrMUd1SKGuRFo&qb=vc7AzL/5teUgw7O3syDIqMbkwMzB9iC4uLXpseI=
'tag 태그' 카테고리의 다른 글
| 팝업창 소스 (0) | 2008.03.18 |
|---|---|
| 광고 팝업창 띄우기 (0) | 2008.03.17 |
| 이미지 효과주기 (0) | 2007.12.30 |
| 롤링 배너 링크걸기 (미리보기) (0) | 2007.11.28 |
| 롤링배너 링크걸기 (멈추었다가 가고 마우스 대면 중지) (0) | 2007.11.28 |