g3.cc

2002/12/26 11:05:11	10647 0

이미지클릭하면 전체배경 바뀌는 방법

각각의 조그만 배경 이미지에 마우스를 대면 전체 화면의 배경이
선택된 이미지로 바뀌는 스크립트입니다.
주로 배경 이미지를 제공하는 사이트에서 미리보기 용도로 사용됩니다

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

<SCRIPT LANGUAGE="JavaScript">

</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 으로 바꾸어주세요..