2002/12/26 11:05:11     10686     0   
   이미지클릭하면 전체배경 바뀌는 방법
각각의 조그만 배경 이미지에 마우스를 대면 전체 화면의 배경이
선택된 이미지로 바뀌는 스크립트입니다.
주로 배경 이미지를 제공하는 사이트에서 미리보기 용도로 사용됩니다

1. 아래의 스크립트를 <HEAD></HEAD> 사이에 삽입

<SCRIPT LANGUAGE="JavaScript">
<!--
image_directory = "";   //배경이미지 경로
clear = new Image();  clear.src = image_directory + "images/bg1.gif";
pic1 = new Image();  pic1.src = image_directory + "images/b1.gif";
pic2 = new Image();  pic2.src = image_directory + "images/b2.gif";
pic3 = new Image();  pic3.src = image_directory + "images/b3.gif";
pic4 = new Image();  pic4.src = image_directory + "images/b4.gif";

function bgChange(imgName) {
    document.body.background = eval(imgName + ".src");
}

//  -->
</SCRIPT>


2. 아래의 태그를 <BODY> 태그 안에 넣으세요.
<BODY backGround="images/bg1.gif" name=bg>
# bg1.gif : 처음에 원래 깔려있는 배경이미지


3. 아래의 태그를 <BODY></BODY> 사이에 넣으세요.
<a href="#" onMouseOver="bgChange('pic1');" onMouseOut="bgChange('clear');"><img src="images/b1.gif" border="0"></a>
<a href="#" onMouseOver="bgChange('pic2');" onMouseOut="bgChange('clear');"><img src="images/b2.gif" border="0"></a>
<a href="#" onMouseOver="bgChange('pic3');" onMouseOut="bgChange('clear');"><img src="images/b3.gif" border="0"></a>
<a href="#" onMouseOver="bgChange('pic4');" onMouseOut="bgChange('clear');"><img src="images/b4.gif" border="0"></a>

# images/b1.gif, images/b2.gif, images/b3.gif.. : 배경 이미지들

# 한가지 더!
클릭시 배경이미지가 바뀌게 하려면 아래 부분을 수정
<a href="#" onClick="bgChange('clear');"></a>
<a href="#" onClick="bgChange('pic1');"><img src="images/b1.gif" border="0"></a>

-->> onClick 으로 바꾸어주세요..
   
코멘트를 작성하시면 2 포인트가 지급됩니다.

       

54 제로보드 4.1용 최근게시물 뽑기 [3] 03/06 12251 03/23(23:51)
53 COMPUZ.com 에 채팅을 설치하자!! 03/03 11333
52 (2)제로보드 백업해논걸로 복구하는 법!! [5] 아린 02/22 12200 05/14(10:14)
51 (1)제로보드 백업 하는 법!! [1] 아린 02/22 11992 05/14(10:13)
50 날짜를 자동으로 계산는 팁! [1] 아린 02/22 11030 03/02(10:39)
49 링크 누르면 이쁜 굵은 밑줄이!! 아린 02/22 10687
48 링크 누르면 이쁜 점선 밑줄이!! 아린 02/22 10700
47 링크 누르면 분홍색의 이쁜 점선박스가!! [2] 아린 02/22 10659 03/02(09:31)
46 cgi 스크립트 공유하기(멀티도메인일때 특히 유효... [2] 권병철 02/16 12477 02/16(20:51)
45 알면 편리한 윈도우 단축키 [10] 송군 02/12 11590 02/20(17:19)
44 초간단!! 제로보드 원프레임 게시판 만들기!!! 02/02 12342
43 텍스트 "스타워즈" [14] 카사기 01/28 14147 11/12(10:10)
42 제로보드를 이용한 노프레임 홈페이지 만들기 [4] 01/27 13525 07/22(17:36)
41 랜덤 배경음악 아래보다는 간단한 것 같아서. ; [1] 서희원 01/25 10603 01/25(23:14)
40 자신의 mysql db를 백업해봅시다^^ [8] essu 01/23 11175 07/08(14:05)
FIRST815161718192021LAST
  
컴퓨즈닷컴(대표 장정주) 인천광역시 동구 방축로83번길 23, 24동 333호
사업자등록번호 137-05-83351, 통신판매 인천 동구 03-78호, 개인정보책임자 장정주