묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
롤오버를 테이블에 삽입하면 작동을 안 합니다.
2003.05.14 19:18
html 단독으로 실행하면 잘 되는 롤오버 메뉴가
http://www.believeinme.pe.kr/top.html/ ->참조
노프레임의 헤더로 만들어주기위해 셀(그러니까 테이블)
안에 삽입만하면 죽어버립니다.
해당부분에 마우스를 대면 손가락 모양만 생기고 바뀌지는 않는군요.
아래가 그 소스입니다.
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<title>제목 없음</title>
<meta name="generator" content="Namo WebEditor v5.0">
<!-- ImageReady Preload Script (Paint Bucket.psd) -->
<SCRIPT TYPE="text/javascript">
<!--
function newImage(arg) {
if (document.images) {
rslt = new Image();
rslt.src = arg;
return rslt;
}
}
function changeImages() {
if (document.images && (preloadFlag == true)) {
for (var i=0; i<changeImages.arguments.length; i+=2) {
document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
}
}
}
var preloadFlag = false;
function preloadImages() {
if (document.images) {
top_03_over = newImage("http://www.believeinme.pe.kr/images/top_03-over.gif");
top_04_over = newImage("http://www.believeinme.pe.kr/images/top_04-over.gif");
top_05_over = newImage("http://www.believeinme.pe.kr/images/top_05-over.gif");
top_06_over = newImage("http://www.believeinme.pe.kr/images/top_06-over.gif");
top_07_over = newImage("http://www.believeinme.pe.kr/images/top_07-over.gif");
top_08_over = newImage("http://www.believeinme.pe.kr/images/top_08-over.gif");
top_09_over = newImage("http://www.believeinme.pe.kr/images/top_09-over.gif");
top_10_over = newImage("http://www.believeinme.pe.kr/images/top_10-over.gif");
top_12_over = newImage("http://www.believeinme.pe.kr/images/top_12-over.gif");
top_13_top_12_over = newImage("http://www.believeinme.pe.kr/images/top_13-top_12_over.gif");
preloadFlag = true;
}
}
// -->
</SCRIPT>
<!-- End Preload Script -->
</head>
<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red">
<table border="1">
<tr>
<td width="600" height="200">
<!-- ImageReady Slices (Paint Bucket.psd) -->
<TABLE WIDTH=600 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD COLSPAN=12>
<IMG SRC="http://www.believeinme.pe.kr/images/top_01.gif" WIDTH=600 HEIGHT=150 ALT=""></TD>
</TR>
<TR>
<TD ROWSPAN=2>
<IMG SRC="http://www.believeinme.pe.kr/images/top_02.gif" WIDTH=5 HEIGHT=50 ALT=""></TD>
<TD>
<A HREF="#"
ONMOUSEOVER="changeImages('top_03', 'http://www.believeinme.pe.kr/images/top_03-over.gif'); return true;"
ONMOUSEOUT="changeImages('top_03', 'http://www.believeinme.pe.kr/images/top_03.gif'); return true;"><IMG NAME="top_03" SRC="http://www.believeinme.pe.kr/images/top_03.gif" WIDTH=47 HEIGHT=23 BORDER=0 ALT=""></A></TD>
<TD>
<A HREF="#"
ONMOUSEOVER="changeImages('top_04', 'http://www.believeinme.pe.kr/images/top_04-over.gif'+ '+ '); return true;"
ONMOUSEOUT="changeImages('top_04', 'http://www.believeinme.pe.kr/images/top_04.gif'); return true;"><IMG NAME="top_04" SRC="http://www.believeinme.pe.kr/images/top_04.gif" WIDTH=37 HEIGHT=23 BORDER=0 ALT=""></A></TD>
<TD>
<A HREF="#"
ONMOUSEOVER="changeImages('top_05', 'http://www.believeinme.pe.kr/images/top_05-over.gif'); return true;"
ONMOUSEOUT="changeImages('top_05', 'http://www.believeinme.pe.kr/images/top_05.gif'); return true;"><IMG NAME="top_05" SRC="http://www.believeinme.pe.kr/images/top_05.gif" WIDTH=120 HEIGHT=23 BORDER=0 ALT=""></A></TD>
<TD>
<A HREF="#"
ONMOUSEOVER="changeImages('top_06', 'http://www.believeinme.pe.kr/images/top_06-over.gif'); return true;"
ONMOUSEOUT="changeImages('top_06', 'http://www.believeinme.pe.kr/images/top_06.gif'); return true;"><IMG NAME="top_06" SRC="http://www.believeinme.pe.kr/images/top_06.gif" WIDTH=62 HEIGHT=23 BORDER=0 ALT=""></A></TD>
<TD>
<A HREF="#"
ONMOUSEOVER="changeImages('top_07', 'http://www.believeinme.pe.kr/images/top_07-over.gif'); return true;"
ONMOUSEOUT="changeImages('top_07', 'http://www.believeinme.pe.kr/images/top_07.gif'); return true;"><IMG NAME="top_07" SRC="http://www.believeinme.pe.kr/images/top_07.gif" WIDTH=70 HEIGHT=23 BORDER=0 ALT=""></A></TD>
<TD>
<A HREF="#"
ONMOUSEOVER="changeImages('top_08', 'http://www.believeinme.pe.kr/images/top_08-over.gif'); return true;"
ONMOUSEOUT="changeImages('top_08', 'http://www.believeinme.pe.kr/images/top_08.gif'); return true;"><IMG NAME="top_08" SRC="http://www.believeinme.pe.kr/images/top_08.gif" WIDTH=92 HEIGHT=23 BORDER=0 ALT=""></A></TD>
<TD>
<A HREF="#"
ONMOUSEOVER="changeImages('top_09', 'http://www.believeinme.pe.kr/images/top_09-over.gif'); return true;"
ONMOUSEOUT="changeImages('top_09', 'http://www.believeinme.pe.kr/images/top_09.gif'); return true;"><IMG NAME="top_09" SRC="http://www.believeinme.pe.kr/images/top_09.gif" WIDTH=49 HEIGHT=23 BORDER=0 ALT=""></A></TD>
<TD>
<A HREF="#"
ONMOUSEOVER="changeImages('top_10', 'http://www.believeinme.pe.kr/images/top_10-over.gif'); return true;"
ONMOUSEOUT="changeImages('top_10', 'http://www.believeinme.pe.kr/images/top_10.gif'); return true;"><IMG NAME="top_10" SRC="http://www.believeinme.pe.kr/images/top_10.gif" WIDTH=49 HEIGHT=23 BORDER=0 ALT=""></A></TD>
<TD ROWSPAN=2>
<IMG SRC="http://www.believeinme.pe.kr/images/top_11.gif" WIDTH=4 HEIGHT=50 ALT=""></TD>
<TD>
<A HREF="#"
ONMOUSEOVER="changeImages('top_12', 'http://www.believeinme.pe.kr/images/top_12-over.gif', 'top_13', 'http://www.believeinme.pe.kr/images/top_13-top_12_over.gif'); return true;"
ONMOUSEOUT="changeImages('top_12', 'http://www.believeinme.pe.kr/images/top_12.gif', 'top_13', 'http://www.believeinme.pe.kr/images/top_13.gif'); return true;"><IMG NAME="top_12" SRC="http://www.believeinme.pe.kr/images/top_12.gif" WIDTH=61 HEIGHT=23 BORDER=0 ALT=""></A></TD>
<TD ROWSPAN=2>
<IMG NAME="top_13" SRC="http://www.believeinme.pe.kr/images/top_13.gif" WIDTH=4 HEIGHT=50 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=8>
<IMG SRC="http://www.believeinme.pe.kr/images/top_14.gif" WIDTH=526 HEIGHT=27 ALT=""></TD>
<TD>
<IMG SRC="http://www.believeinme.pe.kr/images/top_15.gif" WIDTH=61 HEIGHT=27 ALT=""></TD>
</TR>
</TABLE>
<!-- End ImageReady Slices -->
</td>
</tr>
</table>
</body>
</html>
어디서 충돌하는건지 답변 부탁드립니다. ㅜㅜ
참고로 롤오버 파일은 포토샵 이미지레디에서 만든 파일입니다.
http://www.believeinme.pe.kr/top.html/ ->참조
노프레임의 헤더로 만들어주기위해 셀(그러니까 테이블)
안에 삽입만하면 죽어버립니다.
해당부분에 마우스를 대면 손가락 모양만 생기고 바뀌지는 않는군요.
아래가 그 소스입니다.
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<title>제목 없음</title>
<meta name="generator" content="Namo WebEditor v5.0">
<!-- ImageReady Preload Script (Paint Bucket.psd) -->
<SCRIPT TYPE="text/javascript">
<!--
function newImage(arg) {
if (document.images) {
rslt = new Image();
rslt.src = arg;
return rslt;
}
}
function changeImages() {
if (document.images && (preloadFlag == true)) {
for (var i=0; i<changeImages.arguments.length; i+=2) {
document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
}
}
}
var preloadFlag = false;
function preloadImages() {
if (document.images) {
top_03_over = newImage("http://www.believeinme.pe.kr/images/top_03-over.gif");
top_04_over = newImage("http://www.believeinme.pe.kr/images/top_04-over.gif");
top_05_over = newImage("http://www.believeinme.pe.kr/images/top_05-over.gif");
top_06_over = newImage("http://www.believeinme.pe.kr/images/top_06-over.gif");
top_07_over = newImage("http://www.believeinme.pe.kr/images/top_07-over.gif");
top_08_over = newImage("http://www.believeinme.pe.kr/images/top_08-over.gif");
top_09_over = newImage("http://www.believeinme.pe.kr/images/top_09-over.gif");
top_10_over = newImage("http://www.believeinme.pe.kr/images/top_10-over.gif");
top_12_over = newImage("http://www.believeinme.pe.kr/images/top_12-over.gif");
top_13_top_12_over = newImage("http://www.believeinme.pe.kr/images/top_13-top_12_over.gif");
preloadFlag = true;
}
}
// -->
</SCRIPT>
<!-- End Preload Script -->
</head>
<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red">
<table border="1">
<tr>
<td width="600" height="200">
<!-- ImageReady Slices (Paint Bucket.psd) -->
<TABLE WIDTH=600 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD COLSPAN=12>
<IMG SRC="http://www.believeinme.pe.kr/images/top_01.gif" WIDTH=600 HEIGHT=150 ALT=""></TD>
</TR>
<TR>
<TD ROWSPAN=2>
<IMG SRC="http://www.believeinme.pe.kr/images/top_02.gif" WIDTH=5 HEIGHT=50 ALT=""></TD>
<TD>
<A HREF="#"
ONMOUSEOVER="changeImages('top_03', 'http://www.believeinme.pe.kr/images/top_03-over.gif'); return true;"
ONMOUSEOUT="changeImages('top_03', 'http://www.believeinme.pe.kr/images/top_03.gif'); return true;"><IMG NAME="top_03" SRC="http://www.believeinme.pe.kr/images/top_03.gif" WIDTH=47 HEIGHT=23 BORDER=0 ALT=""></A></TD>
<TD>
<A HREF="#"
ONMOUSEOVER="changeImages('top_04', 'http://www.believeinme.pe.kr/images/top_04-over.gif'+ '+ '); return true;"
ONMOUSEOUT="changeImages('top_04', 'http://www.believeinme.pe.kr/images/top_04.gif'); return true;"><IMG NAME="top_04" SRC="http://www.believeinme.pe.kr/images/top_04.gif" WIDTH=37 HEIGHT=23 BORDER=0 ALT=""></A></TD>
<TD>
<A HREF="#"
ONMOUSEOVER="changeImages('top_05', 'http://www.believeinme.pe.kr/images/top_05-over.gif'); return true;"
ONMOUSEOUT="changeImages('top_05', 'http://www.believeinme.pe.kr/images/top_05.gif'); return true;"><IMG NAME="top_05" SRC="http://www.believeinme.pe.kr/images/top_05.gif" WIDTH=120 HEIGHT=23 BORDER=0 ALT=""></A></TD>
<TD>
<A HREF="#"
ONMOUSEOVER="changeImages('top_06', 'http://www.believeinme.pe.kr/images/top_06-over.gif'); return true;"
ONMOUSEOUT="changeImages('top_06', 'http://www.believeinme.pe.kr/images/top_06.gif'); return true;"><IMG NAME="top_06" SRC="http://www.believeinme.pe.kr/images/top_06.gif" WIDTH=62 HEIGHT=23 BORDER=0 ALT=""></A></TD>
<TD>
<A HREF="#"
ONMOUSEOVER="changeImages('top_07', 'http://www.believeinme.pe.kr/images/top_07-over.gif'); return true;"
ONMOUSEOUT="changeImages('top_07', 'http://www.believeinme.pe.kr/images/top_07.gif'); return true;"><IMG NAME="top_07" SRC="http://www.believeinme.pe.kr/images/top_07.gif" WIDTH=70 HEIGHT=23 BORDER=0 ALT=""></A></TD>
<TD>
<A HREF="#"
ONMOUSEOVER="changeImages('top_08', 'http://www.believeinme.pe.kr/images/top_08-over.gif'); return true;"
ONMOUSEOUT="changeImages('top_08', 'http://www.believeinme.pe.kr/images/top_08.gif'); return true;"><IMG NAME="top_08" SRC="http://www.believeinme.pe.kr/images/top_08.gif" WIDTH=92 HEIGHT=23 BORDER=0 ALT=""></A></TD>
<TD>
<A HREF="#"
ONMOUSEOVER="changeImages('top_09', 'http://www.believeinme.pe.kr/images/top_09-over.gif'); return true;"
ONMOUSEOUT="changeImages('top_09', 'http://www.believeinme.pe.kr/images/top_09.gif'); return true;"><IMG NAME="top_09" SRC="http://www.believeinme.pe.kr/images/top_09.gif" WIDTH=49 HEIGHT=23 BORDER=0 ALT=""></A></TD>
<TD>
<A HREF="#"
ONMOUSEOVER="changeImages('top_10', 'http://www.believeinme.pe.kr/images/top_10-over.gif'); return true;"
ONMOUSEOUT="changeImages('top_10', 'http://www.believeinme.pe.kr/images/top_10.gif'); return true;"><IMG NAME="top_10" SRC="http://www.believeinme.pe.kr/images/top_10.gif" WIDTH=49 HEIGHT=23 BORDER=0 ALT=""></A></TD>
<TD ROWSPAN=2>
<IMG SRC="http://www.believeinme.pe.kr/images/top_11.gif" WIDTH=4 HEIGHT=50 ALT=""></TD>
<TD>
<A HREF="#"
ONMOUSEOVER="changeImages('top_12', 'http://www.believeinme.pe.kr/images/top_12-over.gif', 'top_13', 'http://www.believeinme.pe.kr/images/top_13-top_12_over.gif'); return true;"
ONMOUSEOUT="changeImages('top_12', 'http://www.believeinme.pe.kr/images/top_12.gif', 'top_13', 'http://www.believeinme.pe.kr/images/top_13.gif'); return true;"><IMG NAME="top_12" SRC="http://www.believeinme.pe.kr/images/top_12.gif" WIDTH=61 HEIGHT=23 BORDER=0 ALT=""></A></TD>
<TD ROWSPAN=2>
<IMG NAME="top_13" SRC="http://www.believeinme.pe.kr/images/top_13.gif" WIDTH=4 HEIGHT=50 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=8>
<IMG SRC="http://www.believeinme.pe.kr/images/top_14.gif" WIDTH=526 HEIGHT=27 ALT=""></TD>
<TD>
<IMG SRC="http://www.believeinme.pe.kr/images/top_15.gif" WIDTH=61 HEIGHT=27 ALT=""></TD>
</TR>
</TABLE>
<!-- End ImageReady Slices -->
</td>
</tr>
</table>
</body>
</html>
어디서 충돌하는건지 답변 부탁드립니다. ㅜㅜ
참고로 롤오버 파일은 포토샵 이미지레디에서 만든 파일입니다.
댓글 2
-
이대희
2003.05.14 23:49
-
steelheart
2003.05.14 22:02
var preloadFlag = false; 를 var preloadFlag = true; 로 바꾸시던가 더 좋은 방법은
<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red"> 에서
<body onload="preloadImages();" bgcolor="white" ..... > 이렇게 바꾸세요.
소스를 보니 함수는 열심히 만들어 놓고도, 페이지 로딩시 초기화함수를 불러들이는
곳이 실행되지가 않게끔 되어 있네요. 소스 자체도 약간 비효율적으로 설계된 것
같습니다만... 뭐 그건 웹에디터 소관이니까 어쩔 수 없죠.
빨리 자바스크립트를 공부해야할듯.. ㅜㅜ