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

       

39 랜덤 배경음악 깔기...^^;; [1] 01/23 11200 01/23(20:30)
38 제로보드 쪽지왔을때 쪽지 자동으로 뛰우기.. animillion 01/22 11270
37 파일경로 숨기기 & 링크방지.(dookikora.wo.to 에... [1] UltraViolent 01/20 13159 01/20(19:51)
36 자신의 MSN상태ICQ상태를 홈페이지에서 보여주자... [2] 철한 01/19 15154 01/19(20:38)
35 웹정체 게시판에 적용하기... 01/17 13006
34 [re] URL란,즐겨찾기에 네이버처럼 그림 넣기...... 01/14 11174
33 < 웹디자이너로 성장하기 위한 몇가지 조언들... [3] with 01/12 12028 02/04(10:48)
32 홈페이지 오른쪽 마우스 사용금지..소스 r00ry 01/12 13239
31 질문!!! [re] 제로보드 공지사항(게시물 추출) 출... [1] 김 진오 01/10 11182 01/10(11:47)
30 URL란,즐겨찾기에 네이버처럼 그림 넣기... 필독... [9] ☆ORC☆ 01/05 11828 01/14(22:54)
29 최근게시물 추출... [8] r00ry 01/04 11975 02/27(18:13)
28 세련해 보이는 글자 색 변하는 이쁜 효과 +_+ [2] ☆ORC☆ 01/01 11246 01/02(15:54)
27 몇시 몇분에 글을 썼지요? [1] 짜아앙曰 12/29 11112 12/29(17:35)
26 타자 치는 효과 텍스트. ☆ORC☆ 12/29 11237
25 ((홈페이지))배경 화면을 고정시키쟈 +_+ [4] ☆ORC☆ 12/28 13181 12/29(14:41)
FIRST915161718192021LAST
  
컴퓨즈닷컴(대표 장정주) 인천광역시 동구 방축로83번길 23, 24동 333호
사업자등록번호 137-05-83351, 통신판매 인천 동구 03-78호, 개인정보책임자 장정주