안녕하세요....
처음 질문드려봅니다.
제로보드에서 대류님의 daerew_webjin3 스킨을 받아았습니다.
지금 노프레임으로 만들었는데요..
문제는 포토샵으로 작업한 이미지를 이미지래디로 버튼에 롤오버 효과를 주었습니다.
그런데 노프레임시 롤오버 효과가 나타나질 않아서요. 그냥 html문서 자체로는 롤오버 효과가 나타납니다.
혹시 자바스크립트 오류가 난것이 아닌지 문의드립니다.
초보자라서요... 소스좀 한번 봐주십시오^^;
=========
top.php 소스입니다.
-------->
<HTML>
<HEAD>
<TITLE>수원지역원/투룸 전문컨설팅</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=euc-kr">
<!-- ImageReady Preload Script (sijak.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) {
new_over = newImage("images/new-over.gif");
sijak_04_sangdam_over = newImage("images/sijak_04-sangdam_over.gif");
sijak_04_new_over = newImage("images/sijak_04-new_over.gif");
sangdam_over = newImage("images/sangdam-over.gif");
sijak_06_memul_over = newImage("images/sijak_06-memul_over.gif");
sijak_06_sangdam_over = newImage("images/sijak_06-sangdam_over.gif");
sijak_06_new_over = newImage("images/sijak_06-new_over.gif");
memul_over = newImage("images/memul-over.gif");
sijak_08_gyd_over = newImage("images/sijak_08-gyd_over.gif");
sijak_08_memul_over = newImage("images/sijak_08-memul_over.gif");
sijak_08_sangdam_over = newImage("images/sijak_08-sangdam_over.gif");
gyd_over = newImage("images/gyd-over.gif");
sijak_10_sise_over = newImage("images/sijak_10-sise_over.gif");
sijak_10_gyd_over = newImage("images/sijak_10-gyd_over.gif");
sijak_10_memul_over = newImage("images/sijak_10-memul_over.gif");
sise_over = newImage("images/sise-over.gif");
sijak_12_sise_over = newImage("images/sijak_12-sise_over.gif");
sijak_12_memul_over = newImage("images/sijak_12-memul_over.gif");
qanda_over = newImage("images/qanda-over.gif");
sijak_14_qanda_over = newImage("images/sijak_14-qanda_over.gif");
sijak_15_new_over = newImage("images/sijak_15-new_over.gif");
sijak_16_sangdam_over = newImage("images/sijak_16-sangdam_over.gif");
sijak_16_new_over = newImage("images/sijak_16-new_over.gif");
sijak_17_memul_over = newImage("images/sijak_17-memul_over.gif");
sijak_17_sangdam_over = newImage("images/sijak_17-sangdam_over.gif");
sijak_17_new_over = newImage("images/sijak_17-new_over.gif");
sijak_18_gyd_over = newImage("images/sijak_18-gyd_over.gif");
sijak_18_memul_over = newImage("images/sijak_18-memul_over.gif");
sijak_19_sise_over = newImage("images/sijak_19-sise_over.gif");
sijak_19_gyd_over = newImage("images/sijak_19-gyd_over.gif");
sijak_19_memul_over = newImage("images/sijak_19-memul_over.gif");
sijak_20_qanda_over = newImage("images/sijak_20-qanda_over.gif");
sijak_20_sise_over = newImage("images/sijak_20-sise_over.gif");
preloadFlag = true;
}
}
// -->
</SCRIPT>
<!-- End Preload Script -->
</HEAD>
<BODY BGCOLOR=#FFFFFF LEFTMARGIN="20" TOPMARGIN="10" MARGINWIDTH="20" MARGINHEIGHT="10" ONLOAD="preloadImages();">
<!-- ImageReady Slices (sijak.psd) -->
<TABLE WIDTH=838 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD COLSPAN=13>
<IMG SRC="images/sijak_01.gif" WIDTH=838 HEIGHT=297 ALT=""></TD>
</TR>
<TR>
<TD ROWSPAN=2>
<IMG SRC="images/sijak_02.gif" WIDTH=287 HEIGHT=39 ALT=""></TD>
<TD>
<A HREF="#"
ONMOUSEOVER="changeImages('new', 'images/new-over.gif', 'sijak_04', 'images/sijak_04-new_over.gif', 'sijak_06', 'images/sijak_06-new_over.gif', 'sijak_15', 'images/sijak_15-new_over.gif', 'sijak_16', 'images/sijak_16-new_over.gif', 'sijak_17', 'images/sijak_17-new_over.gif'); return true;"
ONMOUSEOUT="changeImages('new', 'images/new.gif', 'sijak_04', 'images/sijak_04.gif', 'sijak_06', 'images/sijak_06.gif', 'sijak_15', 'images/sijak_15.gif', 'sijak_16', 'images/sijak_16.gif', 'sijak_17', 'images/sijak_17.gif'); return true;"><IMG NAME="new" SRC="images/new.gif" WIDTH=78 HEIGHT=19 BORDER=0 ALT=""></A></TD>
<TD ROWSPAN=2>
<IMG NAME="sijak_04" SRC="images/sijak_04.gif" WIDTH=23 HEIGHT=39 ALT=""></TD>
<TD>
<A HREF="#"
ONMOUSEOVER="changeImages('sijak_04', 'images/sijak_04-sangdam_over.gif', 'sangdam', 'images/sangdam-over.gif', 'sijak_06', 'images/sijak_06-sangdam_over.gif', 'sijak_08', 'images/sijak_08-sangdam_over.gif', 'sijak_16', 'images/sijak_16-sangdam_over.gif', 'sijak_17', 'images/sijak_17-sangdam_over.gif'); return true;"
ONMOUSEOUT="changeImages('sijak_04', 'images/sijak_04.gif', 'sangdam', 'images/sangdam.gif', 'sijak_06', 'images/sijak_06.gif', 'sijak_08', 'images/sijak_08.gif', 'sijak_16', 'images/sijak_16.gif', 'sijak_17', 'images/sijak_17.gif'); return true;"><IMG NAME="sangdam" SRC="images/sangdam.gif" WIDTH=70 HEIGHT=19 BORDER=0 ALT=""></A></TD>
<TD ROWSPAN=2>
<IMG NAME="sijak_06" SRC="images/sijak_06.gif" WIDTH=21 HEIGHT=39 ALT=""></TD>
<TD>
<A HREF="#"
ONMOUSEOVER="changeImages('sijak_06', 'images/sijak_06-memul_over.gif', 'memul', 'images/memul-over.gif', 'sijak_08', 'images/sijak_08-memul_over.gif', 'sijak_10', 'images/sijak_10-memul_over.gif', 'sijak_12', 'images/sijak_12-memul_over.gif', 'sijak_17', 'images/sijak_17-memul_over.gif', 'sijak_18', 'images/sijak_18-memul_over.gif',
'sijak_19', 'images/sijak_19-memul_over.gif'); return true;"
ONMOUSEOUT="changeImages('sijak_06', 'images/sijak_06.gif', 'memul', 'images/memul.gif', 'sijak_08', 'images/sijak_08.gif', 'sijak_10', 'images/sijak_10.gif', 'sijak_12', 'images/sijak_12.gif', 'sijak_17', 'images/sijak_17.gif', 'sijak_18', 'images/sijak_18.gif', 'sijak_19', 'images/sijak_19.gif'); return true;"><IMG NAME="memul" SRC="images/memul.gif" WIDTH=62 HEIGHT=19 BORDER=0 ALT=""></A></TD>
<TD ROWSPAN=2>
<IMG NAME="sijak_08" SRC="images/sijak_08.gif" WIDTH=25 HEIGHT=39 ALT=""></TD>
<TD>
<A HREF="#"
ONMOUSEOVER="changeImages('sijak_08', 'images/sijak_08-gyd_over.gif', 'gyd', 'images/gyd-over.gif', 'sijak_10', 'images/sijak_10-gyd_over.gif', 'sijak_18', 'images/sijak_18-gyd_over.gif', 'sijak_19', 'images/sijak_19-gyd_over.gif'); return true;"
ONMOUSEOUT="changeImages('sijak_08', 'images/sijak_08.gif', 'gyd', 'images/gyd.gif', 'sijak_10', 'images/sijak_10.gif', 'sijak_18', 'images/sijak_18.gif', 'sijak_19', 'images/sijak_19.gif'); return true;"><IMG NAME="gyd" SRC="images/gyd.gif" WIDTH=52 HEIGHT=19 BORDER=0 ALT=""></A></TD>
<TD ROWSPAN=2>
<IMG NAME="sijak_10" SRC="images/sijak_10.gif" WIDTH=27 HEIGHT=39 ALT=""></TD>
<TD>
<A HREF="#"
ONMOUSEOVER="changeImages('sijak_10', 'images/sijak_10-sise_over.gif', 'sise', 'images/sise-over.gif', 'sijak_12', 'images/sijak_12-sise_over.gif', 'sijak_19', 'images/sijak_19-sise_over.gif', 'sijak_20', 'images/sijak_20-sise_over.gif'); return true;"
ONMOUSEOUT="changeImages('sijak_10', 'images/sijak_10.gif', 'sise', 'images/sise.gif', 'sijak_12', 'images/sijak_12.gif', 'sijak_19', 'images/sijak_19.gif', 'sijak_20', 'images/sijak_20.gif'); return true;"><IMG NAME="sise" SRC="images/sise.gif" WIDTH=66 HEIGHT=19 BORDER=0 ALT=""></A></TD>
<TD ROWSPAN=2>
<IMG NAME="sijak_12" SRC="images/sijak_12.gif" WIDTH=26 HEIGHT=39 ALT=""></TD>
<TD>
<A HREF="#"
ONMOUSEOVER="changeImages('qanda', 'images/qanda-over.gif', 'sijak_14', 'images/sijak_14-qanda_over.gif', 'sijak_20', 'images/sijak_20-qanda_over.gif'); return true;"
ONMOUSEOUT="changeImages('qanda', 'images/qanda.gif', 'sijak_14', 'images/sijak_14.gif', 'sijak_20', 'images/sijak_20.gif'); return true;"><IMG NAME="qanda" SRC="images/qanda.gif" WIDTH=57 HEIGHT=19 BORDER=0 ALT=""></A></TD>
<TD ROWSPAN=2>
<IMG NAME="sijak_14" SRC="images/sijak_14.gif" WIDTH=44 HEIGHT=39 ALT=""></TD>
</TR>
<TR>
<TD>
<IMG NAME="sijak_15" SRC="images/sijak_15.gif" WIDTH=78 HEIGHT=20 ALT=""></TD>
<TD>
<IMG NAME="sijak_16" SRC="images/sijak_16.gif" WIDTH=70 HEIGHT=20 ALT=""></TD>
<TD>
<IMG NAME="sijak_17" SRC="images/sijak_17.gif" WIDTH=62 HEIGHT=20 ALT=""></TD>
<TD>
<IMG NAME="sijak_18" SRC="images/sijak_18.gif" WIDTH=52 HEIGHT=20 ALT=""></TD>
<TD>
<IMG NAME="sijak_19" SRC="images/sijak_19.gif" WIDTH=66 HEIGHT=20 ALT=""></TD>
<TD>
<IMG NAME="sijak_20" SRC="images/sijak_20.gif" WIDTH=57 HEIGHT=20 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=13 width="838" height="144">
<table cellspacing="0" width="100%" height="100%" style="border-width:0px; border-color:black;" border="1" bordercolordark="black" bordercolorlight="black">
<tr>
<td width="828" align="center" valign="top" style="border-width:1px; border-color:black; border-style:outset;" bordercolordark="black" bordercolorlight="black">
<p>
==============================================
좋은하루 되세요^^;
처음 질문드려봅니다.
제로보드에서 대류님의 daerew_webjin3 스킨을 받아았습니다.
지금 노프레임으로 만들었는데요..
문제는 포토샵으로 작업한 이미지를 이미지래디로 버튼에 롤오버 효과를 주었습니다.
그런데 노프레임시 롤오버 효과가 나타나질 않아서요. 그냥 html문서 자체로는 롤오버 효과가 나타납니다.
혹시 자바스크립트 오류가 난것이 아닌지 문의드립니다.
초보자라서요... 소스좀 한번 봐주십시오^^;
=========
top.php 소스입니다.
-------->
<HTML>
<HEAD>
<TITLE>수원지역원/투룸 전문컨설팅</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=euc-kr">
<!-- ImageReady Preload Script (sijak.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) {
new_over = newImage("images/new-over.gif");
sijak_04_sangdam_over = newImage("images/sijak_04-sangdam_over.gif");
sijak_04_new_over = newImage("images/sijak_04-new_over.gif");
sangdam_over = newImage("images/sangdam-over.gif");
sijak_06_memul_over = newImage("images/sijak_06-memul_over.gif");
sijak_06_sangdam_over = newImage("images/sijak_06-sangdam_over.gif");
sijak_06_new_over = newImage("images/sijak_06-new_over.gif");
memul_over = newImage("images/memul-over.gif");
sijak_08_gyd_over = newImage("images/sijak_08-gyd_over.gif");
sijak_08_memul_over = newImage("images/sijak_08-memul_over.gif");
sijak_08_sangdam_over = newImage("images/sijak_08-sangdam_over.gif");
gyd_over = newImage("images/gyd-over.gif");
sijak_10_sise_over = newImage("images/sijak_10-sise_over.gif");
sijak_10_gyd_over = newImage("images/sijak_10-gyd_over.gif");
sijak_10_memul_over = newImage("images/sijak_10-memul_over.gif");
sise_over = newImage("images/sise-over.gif");
sijak_12_sise_over = newImage("images/sijak_12-sise_over.gif");
sijak_12_memul_over = newImage("images/sijak_12-memul_over.gif");
qanda_over = newImage("images/qanda-over.gif");
sijak_14_qanda_over = newImage("images/sijak_14-qanda_over.gif");
sijak_15_new_over = newImage("images/sijak_15-new_over.gif");
sijak_16_sangdam_over = newImage("images/sijak_16-sangdam_over.gif");
sijak_16_new_over = newImage("images/sijak_16-new_over.gif");
sijak_17_memul_over = newImage("images/sijak_17-memul_over.gif");
sijak_17_sangdam_over = newImage("images/sijak_17-sangdam_over.gif");
sijak_17_new_over = newImage("images/sijak_17-new_over.gif");
sijak_18_gyd_over = newImage("images/sijak_18-gyd_over.gif");
sijak_18_memul_over = newImage("images/sijak_18-memul_over.gif");
sijak_19_sise_over = newImage("images/sijak_19-sise_over.gif");
sijak_19_gyd_over = newImage("images/sijak_19-gyd_over.gif");
sijak_19_memul_over = newImage("images/sijak_19-memul_over.gif");
sijak_20_qanda_over = newImage("images/sijak_20-qanda_over.gif");
sijak_20_sise_over = newImage("images/sijak_20-sise_over.gif");
preloadFlag = true;
}
}
// -->
</SCRIPT>
<!-- End Preload Script -->
</HEAD>
<BODY BGCOLOR=#FFFFFF LEFTMARGIN="20" TOPMARGIN="10" MARGINWIDTH="20" MARGINHEIGHT="10" ONLOAD="preloadImages();">
<!-- ImageReady Slices (sijak.psd) -->
<TABLE WIDTH=838 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD COLSPAN=13>
<IMG SRC="images/sijak_01.gif" WIDTH=838 HEIGHT=297 ALT=""></TD>
</TR>
<TR>
<TD ROWSPAN=2>
<IMG SRC="images/sijak_02.gif" WIDTH=287 HEIGHT=39 ALT=""></TD>
<TD>
<A HREF="#"
ONMOUSEOVER="changeImages('new', 'images/new-over.gif', 'sijak_04', 'images/sijak_04-new_over.gif', 'sijak_06', 'images/sijak_06-new_over.gif', 'sijak_15', 'images/sijak_15-new_over.gif', 'sijak_16', 'images/sijak_16-new_over.gif', 'sijak_17', 'images/sijak_17-new_over.gif'); return true;"
ONMOUSEOUT="changeImages('new', 'images/new.gif', 'sijak_04', 'images/sijak_04.gif', 'sijak_06', 'images/sijak_06.gif', 'sijak_15', 'images/sijak_15.gif', 'sijak_16', 'images/sijak_16.gif', 'sijak_17', 'images/sijak_17.gif'); return true;"><IMG NAME="new" SRC="images/new.gif" WIDTH=78 HEIGHT=19 BORDER=0 ALT=""></A></TD>
<TD ROWSPAN=2>
<IMG NAME="sijak_04" SRC="images/sijak_04.gif" WIDTH=23 HEIGHT=39 ALT=""></TD>
<TD>
<A HREF="#"
ONMOUSEOVER="changeImages('sijak_04', 'images/sijak_04-sangdam_over.gif', 'sangdam', 'images/sangdam-over.gif', 'sijak_06', 'images/sijak_06-sangdam_over.gif', 'sijak_08', 'images/sijak_08-sangdam_over.gif', 'sijak_16', 'images/sijak_16-sangdam_over.gif', 'sijak_17', 'images/sijak_17-sangdam_over.gif'); return true;"
ONMOUSEOUT="changeImages('sijak_04', 'images/sijak_04.gif', 'sangdam', 'images/sangdam.gif', 'sijak_06', 'images/sijak_06.gif', 'sijak_08', 'images/sijak_08.gif', 'sijak_16', 'images/sijak_16.gif', 'sijak_17', 'images/sijak_17.gif'); return true;"><IMG NAME="sangdam" SRC="images/sangdam.gif" WIDTH=70 HEIGHT=19 BORDER=0 ALT=""></A></TD>
<TD ROWSPAN=2>
<IMG NAME="sijak_06" SRC="images/sijak_06.gif" WIDTH=21 HEIGHT=39 ALT=""></TD>
<TD>
<A HREF="#"
ONMOUSEOVER="changeImages('sijak_06', 'images/sijak_06-memul_over.gif', 'memul', 'images/memul-over.gif', 'sijak_08', 'images/sijak_08-memul_over.gif', 'sijak_10', 'images/sijak_10-memul_over.gif', 'sijak_12', 'images/sijak_12-memul_over.gif', 'sijak_17', 'images/sijak_17-memul_over.gif', 'sijak_18', 'images/sijak_18-memul_over.gif',
'sijak_19', 'images/sijak_19-memul_over.gif'); return true;"
ONMOUSEOUT="changeImages('sijak_06', 'images/sijak_06.gif', 'memul', 'images/memul.gif', 'sijak_08', 'images/sijak_08.gif', 'sijak_10', 'images/sijak_10.gif', 'sijak_12', 'images/sijak_12.gif', 'sijak_17', 'images/sijak_17.gif', 'sijak_18', 'images/sijak_18.gif', 'sijak_19', 'images/sijak_19.gif'); return true;"><IMG NAME="memul" SRC="images/memul.gif" WIDTH=62 HEIGHT=19 BORDER=0 ALT=""></A></TD>
<TD ROWSPAN=2>
<IMG NAME="sijak_08" SRC="images/sijak_08.gif" WIDTH=25 HEIGHT=39 ALT=""></TD>
<TD>
<A HREF="#"
ONMOUSEOVER="changeImages('sijak_08', 'images/sijak_08-gyd_over.gif', 'gyd', 'images/gyd-over.gif', 'sijak_10', 'images/sijak_10-gyd_over.gif', 'sijak_18', 'images/sijak_18-gyd_over.gif', 'sijak_19', 'images/sijak_19-gyd_over.gif'); return true;"
ONMOUSEOUT="changeImages('sijak_08', 'images/sijak_08.gif', 'gyd', 'images/gyd.gif', 'sijak_10', 'images/sijak_10.gif', 'sijak_18', 'images/sijak_18.gif', 'sijak_19', 'images/sijak_19.gif'); return true;"><IMG NAME="gyd" SRC="images/gyd.gif" WIDTH=52 HEIGHT=19 BORDER=0 ALT=""></A></TD>
<TD ROWSPAN=2>
<IMG NAME="sijak_10" SRC="images/sijak_10.gif" WIDTH=27 HEIGHT=39 ALT=""></TD>
<TD>
<A HREF="#"
ONMOUSEOVER="changeImages('sijak_10', 'images/sijak_10-sise_over.gif', 'sise', 'images/sise-over.gif', 'sijak_12', 'images/sijak_12-sise_over.gif', 'sijak_19', 'images/sijak_19-sise_over.gif', 'sijak_20', 'images/sijak_20-sise_over.gif'); return true;"
ONMOUSEOUT="changeImages('sijak_10', 'images/sijak_10.gif', 'sise', 'images/sise.gif', 'sijak_12', 'images/sijak_12.gif', 'sijak_19', 'images/sijak_19.gif', 'sijak_20', 'images/sijak_20.gif'); return true;"><IMG NAME="sise" SRC="images/sise.gif" WIDTH=66 HEIGHT=19 BORDER=0 ALT=""></A></TD>
<TD ROWSPAN=2>
<IMG NAME="sijak_12" SRC="images/sijak_12.gif" WIDTH=26 HEIGHT=39 ALT=""></TD>
<TD>
<A HREF="#"
ONMOUSEOVER="changeImages('qanda', 'images/qanda-over.gif', 'sijak_14', 'images/sijak_14-qanda_over.gif', 'sijak_20', 'images/sijak_20-qanda_over.gif'); return true;"
ONMOUSEOUT="changeImages('qanda', 'images/qanda.gif', 'sijak_14', 'images/sijak_14.gif', 'sijak_20', 'images/sijak_20.gif'); return true;"><IMG NAME="qanda" SRC="images/qanda.gif" WIDTH=57 HEIGHT=19 BORDER=0 ALT=""></A></TD>
<TD ROWSPAN=2>
<IMG NAME="sijak_14" SRC="images/sijak_14.gif" WIDTH=44 HEIGHT=39 ALT=""></TD>
</TR>
<TR>
<TD>
<IMG NAME="sijak_15" SRC="images/sijak_15.gif" WIDTH=78 HEIGHT=20 ALT=""></TD>
<TD>
<IMG NAME="sijak_16" SRC="images/sijak_16.gif" WIDTH=70 HEIGHT=20 ALT=""></TD>
<TD>
<IMG NAME="sijak_17" SRC="images/sijak_17.gif" WIDTH=62 HEIGHT=20 ALT=""></TD>
<TD>
<IMG NAME="sijak_18" SRC="images/sijak_18.gif" WIDTH=52 HEIGHT=20 ALT=""></TD>
<TD>
<IMG NAME="sijak_19" SRC="images/sijak_19.gif" WIDTH=66 HEIGHT=20 ALT=""></TD>
<TD>
<IMG NAME="sijak_20" SRC="images/sijak_20.gif" WIDTH=57 HEIGHT=20 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=13 width="838" height="144">
<table cellspacing="0" width="100%" height="100%" style="border-width:0px; border-color:black;" border="1" bordercolordark="black" bordercolorlight="black">
<tr>
<td width="828" align="center" valign="top" style="border-width:1px; border-color:black; border-style:outset;" bordercolordark="black" bordercolorlight="black">
<p>
==============================================
좋은하루 되세요^^;
아마도 경로문제일 겁니다.
imges 앞에 /를 붙여보세요
/images 이런식으로요...
이렇게해도 될겁니다.
안된다면 앞에 .. 점 두개를 붙이고요... 그냥 / 만 해줘도 될겁니다.