2002/12/26 11:05:11     10847     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 포인트가 지급됩니다.

       

191 인생을 두배로 사는 아침형 인간 막데무싸 05/30 10795
95 접속할때 먼저 로그인 부분에 커서 깜박이게 하기... 11/12 10810
31 질문!!! [re] 제로보드 공지사항(게시물 추출) 출... [1] 김 진오 01/10 10812 01/10(11:47)
64 제로보드로 관리자영역 만들기 izen 04/18 10815
34 [re] URL란,즐겨찾기에 네이버처럼 그림 넣기...... 01/14 10820
110 요즘 쓰는 팝도트 만들어보자 11/18 10825
55 MySQL 비번 변경하기 [2] 송군 03/15 10827 03/30(20:29)
39 랜덤 배경음악 깔기...^^;; [1] 01/23 10829 01/23(20:30)
47 링크 누르면 분홍색의 이쁜 점선박스가!! [2] 아린 02/22 10842 03/02(09:31)
26 타자 치는 효과 텍스트. ☆ORC☆ 12/29 10844
28 세련해 보이는 글자 색 변하는 이쁜 효과 +_+ [2] ☆ORC☆ 01/01 10845 01/02(15:54)
>> 이미지클릭하면 전체배경 바뀌는 방법 12/26 10847
49 링크 누르면 이쁜 굵은 밑줄이!! 아린 02/22 10867
48 링크 누르면 이쁜 점선 밑줄이!! 아린 02/22 10875
193 누군가를 사랑하면 심장마비도 예방돼 막데무싸 06/04 10887
FIRST123456713LAST