묻고답하기
롤오버 버튼 만들기 소스 질문
2006.01.12 23:36
네이버 지식인에서 똑같은 소스를 가지고 고민한 다른 분들 질문을 봤는데..
아무리 채택 답변대로 실행을 해봐도 안되더군요 ㅠ_ㅠ
어디에 문제가 있는지를 모르겠습니다.
위지윅 없이 메모장으로만 작성해야 하고 아래에 붙이는 소스를 참고하여 만드는 것이
가장중요합니다.
스크립트는 해드와 /해드사이에 넣었구요..
밑에 링크부분도 다 했습니다.
처음에 이미지에 엑박이 안뜨니 경로도 잘 설정되어 있다는 것이겠지요??
혹시나 jpg와 gif의 차이인가 해서 바꿔봐도 안되더라구요..
고수님들의 해결을 부탁드립니다!!! ㅜㅜ
<html>
<head>
<script language="JavaScript">
<!--
img1on=new Image();
img1on.src="images/2.jpg"; // 다음
img1off=new Image();
img1off.src="images/1.jpg"; // 처음
function img_act(imgName)
{document [imgName].src=eval(imgName+"on.src");
function img_inact(imgName)
{document [imgName].src=eval(imgName+"off.src");}
//-->
</script>
</head>
<body bgcolor="white" text="darkblue">
<a href="http://chunsangbyung.new21.org" OnMouseOver="img_act('img1')" OnMouseOut="img_inact('img1')" target=_new>
<img src="images/1.jpg" border="0" name="img1"></a>
<p>
</body>
</html>
아무리 채택 답변대로 실행을 해봐도 안되더군요 ㅠ_ㅠ
어디에 문제가 있는지를 모르겠습니다.
위지윅 없이 메모장으로만 작성해야 하고 아래에 붙이는 소스를 참고하여 만드는 것이
가장중요합니다.
스크립트는 해드와 /해드사이에 넣었구요..
밑에 링크부분도 다 했습니다.
처음에 이미지에 엑박이 안뜨니 경로도 잘 설정되어 있다는 것이겠지요??
혹시나 jpg와 gif의 차이인가 해서 바꿔봐도 안되더라구요..
고수님들의 해결을 부탁드립니다!!! ㅜㅜ
<html>
<head>
<script language="JavaScript">
<!--
img1on=new Image();
img1on.src="images/2.jpg"; // 다음
img1off=new Image();
img1off.src="images/1.jpg"; // 처음
function img_act(imgName)
{document [imgName].src=eval(imgName+"on.src");
function img_inact(imgName)
{document [imgName].src=eval(imgName+"off.src");}
//-->
</script>
</head>
<body bgcolor="white" text="darkblue">
<a href="http://chunsangbyung.new21.org" OnMouseOver="img_act('img1')" OnMouseOut="img_inact('img1')" target=_new>
<img src="images/1.jpg" border="0" name="img1"></a>
<p>
</body>
</html>
링크는 감싸주시던지 원클릭으로 잡아주시면 되구요
자바스크립트 같은거 필요없이 그냥 단순 롤오버입니다.
<img src="이미지1" width="112" height="48" border="0" img onmouseover="this.src='마우스오버시에 보여질이미지'" onmouseout="this.src='이미지1과 동일'">