묻고답하기
나모로 작업하고 트렌지션 + 마우스오버를 사용했습니다. 근데..
2004.01.09 18:24
위와 같이 하면 트렌지션 + 마우스오버 효과는 아주 잘 됩니다.
근데 화면의 이미지들이 뒤틀리는 이유는 왜 그런건가요?
포토샵으로 작업하고 이미지 레디로 잘랐습니다.
전부다 이미지라고 보심 되구요 나눈 이미지 일부일부에 트렌지션 + 마우스오버효과를 줬습니다.
잘된다 좋아하다가 지금 무척 우울하답니다.... 으..
조언 부탁합니다.
글 수정합니다.
죄송합니다. 이미지 사진 올립니다. 대략 이렇습니다. 부분올립니다.
테두리는 아니고요. 쪼개놓은 이미지들이 제자리를 이탈(?) 합니다. 고놈들 참. 속 썩이네요.
근데 화면의 이미지들이 뒤틀리는 이유는 왜 그런건가요?
포토샵으로 작업하고 이미지 레디로 잘랐습니다.
전부다 이미지라고 보심 되구요 나눈 이미지 일부일부에 트렌지션 + 마우스오버효과를 줬습니다.
잘된다 좋아하다가 지금 무척 우울하답니다.... 으..
조언 부탁합니다.
글 수정합니다.
죄송합니다. 이미지 사진 올립니다. 대략 이렇습니다. 부분올립니다.
테두리는 아니고요. 쪼개놓은 이미지들이 제자리를 이탈(?) 합니다. 고놈들 참. 속 썩이네요.
<HTML>
<HEAD>
<TITLE>kokuru21</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=euc-kr">
<script language="JavaScript">
<!--
function bt(id,after)
{
eval(id+'.filters.blendTrans.stop();');
eval(id+'.filters.blendTrans.Apply();');
eval(id+'.src="'+after+'";');
eval(id+'.filters.blendTrans.Play();');
}
//-->
</script>
<style>
<!--
a { text-decoration:none; }
-->
</style>
</HEAD>
<BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
<TABLE WIDTH=970 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD ROWSPAN=4>
<img SRC="images/main_01.gif" WIDTH=49 HEIGHT=144 ALT=""></TD>
<TD>
<img SRC="images/main_02.gif" WIDTH=144 HEIGHT=16 ALT=""></TD>
<TD ROWSPAN=5>
<img SRC="images/main_03.gif" WIDTH=71 HEIGHT=153 ALT=""></TD>
<TD>
<img SRC="images/main_04.gif" WIDTH=569 HEIGHT=16 ALT=""></TD>
<TD COLSPAN=3>
<img SRC="images/main_05.gif" WIDTH=133 HEIGHT=16 ALT=""></TD>
<TD ROWSPAN=19>
<img SRC="images/main_06.gif" WIDTH=4 HEIGHT=679 ALT=""></TD>
<TD>
<img SRC="images/spacer.gif" WIDTH=1 HEIGHT=16 ALT=""></TD>
</TR>
<TR>
<TD>
<img SRC="images/main_07.gif" WIDTH=144 HEIGHT=78 ALT=""></TD>
<TD ROWSPAN=17 align="left" valign="top">
<table cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="559" height="33">
<p> </p>
</td>
</tr>
</table>
</TD>
<TD COLSPAN=3>
<img SRC="images/main_09.gif" WIDTH=133 HEIGHT=78 ALT=""></TD>
<TD>
<img SRC="images/spacer.gif" WIDTH=1 HEIGHT=78 ALT=""></TD>
</TR>
<TR>
<TD ROWSPAN=3>
<img SRC="images/main_10.gif" WIDTH=144 HEIGHT=59 ALT=""></TD>
<TD COLSPAN=3>
<a href=kiss.htm onfocus='this.blur()' onMouseOver='bt("menu1","images/main_11.gif")' onMouseOut='bt("menu1","images/hongil_rollover_11.gif")'><img ID=menu1 src=images/hongil_rollover_11.gif border=0 style="filter:blendTrans(duration=0.5)" name="menu1"></a>
</td>
<TD>
<img SRC="images/spacer.gif" WIDTH=1 HEIGHT=30 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=3 ROWSPAN=2>
<a href=kissgod.htm onfocus='this.blur()' onMouseOver='bt("menu2","images/main_12.gif")' onMouseOut='bt("menu2","images/hongil_rollover_12.gif")'><img ID=menu2 src=images/hongil_rollover_12.gif border=0 style="filter:blendTrans(duration=0.5)"></a></td>
<TD>
<img SRC="images/spacer.gif" WIDTH=1 HEIGHT=20 ALT=""></TD>
</TR>
<TR>
<TD ROWSPAN=7>
<img SRC="images/main_13.gif" WIDTH=49 HEIGHT=181 ALT=""></TD>
<TD>
<img SRC="images/spacer.gif" WIDTH=1 HEIGHT=9 ALT=""></TD>
</TR>
<TR>
<TD ROWSPAN=5 align="center" valign="middle">
</TD>
<TD ROWSPAN=7>
<img SRC="images/main_15.gif" WIDTH=71 HEIGHT=198 ALT=""></TD>
<TD COLSPAN=3>
<a href=kissgod.htm onfocus='this.blur()' onMouseOver='bt("menu3","images/main_16.gif")' onMouseOut='bt("menu3","images/hongil_rollover_16.gif")'><img ID=menu3 src=images/hongil_rollover_16.gif border=0 style="filter:blendTrans(duration=0.5)"></a>
</TD>
<TD>
<img SRC="images/spacer.gif" WIDTH=1 HEIGHT=37 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=3>
<a href=kissgod.htm onfocus='this.blur()' onMouseOver='bt("menu4","images/main_17.gif")' onMouseOut='bt("menu4","images/hongil_rollover_17.gif")'><img ID=menu4 src=images/hongil_rollover_17.gif border=0 style="filter:blendTrans(duration=0.5)"></a>
</TD>
<TD>
<img SRC="images/spacer.gif" WIDTH=1 HEIGHT=33 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=3>
<a href=kissgod.htm onfocus='this.blur()' onMouseOver='bt("menu5","images/main_18.gif")' onMouseOut='bt("menu5","images/hongil_rollover_18.gif")'><img ID=menu5 src=images/hongil_rollover_18.gif border=0 style="filter:blendTrans(duration=0.5)"></a>
</TD>
<TD>
<img SRC="images/spacer.gif" WIDTH=1 HEIGHT=32 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=3>
<a href=kissgod.htm onfocus='this.blur()' onMouseOver='bt("menu6","images/main_19.gif")' onMouseOut='bt("menu6","images/hongil_rollover_19.gif")'><img ID=menu6 src=images/hongil_rollover_19.gif border=0 style="filter:blendTrans(duration=0.5)"></a>
</TD>
<TD>
<img SRC="images/spacer.gif" WIDTH=1 HEIGHT=31 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=3 ROWSPAN=2>
<a href=kissgod.htm onfocus='this.blur()' onMouseOver='+ '+ 'bt("menu7","images/main_20.gif")' onMouseOut='bt("menu7","images/hongil_rollover_20.gif")'><img ID=menu7 src=images/hongil_rollover_20.gif border=0 style="filter:blendTrans(duration=0.5)"></a>
</TD>
<TD>
<img SRC="images/spacer.gif" WIDTH=1 HEIGHT=23 ALT=""></TD>
</TR>
<TR>
<TD ROWSPAN=5>
<img SRC="images/main_21.gif" WIDTH=144 HEIGHT=147 ALT=""></TD>
<TD>
<img SRC="images/spacer.gif" WIDTH=1 HEIGHT=16 ALT=""></TD>
</TR>
<TR>
<TD ROWSPAN=6>
<img SRC="images/main_22.gif" WIDTH=49 HEIGHT=197 ALT=""></TD>
<TD COLSPAN=3>
<a href=kissgod.htm onfocus='this.blur()' onMouseOver='bt("menu8","images/main_23.gif")' onMouseOut='bt("menu8","images/hongil_rollover_23.gif")'+ '><img ID=menu8 src=images/hongil_rollover_23.gif border=0 style="filter:blendTrans(duration=0.5)"></a>
</TD>
<TD>
<img SRC="images/spacer.gif" WIDTH=1 HEIGHT=26 ALT=""></TD>
</TR>
<TR>
<TD ROWSPAN=5>
<img SRC="images/main_24.gif" WIDTH=71 HEIGHT=171 ALT=""></TD>
<TD COLSPAN=3>
<a href=kissgod.htm onfocus='this.blur()' onMouseOver='bt("menu9","images/main_25.gif")' onMouseOut='bt("menu9","images/hongil_rollover_25.gif")'><img ID=menu9 src=images/hongil_rollover_25.gif border=0 style="filter:blendTrans(duration=0.5)"></a>
</TD>
<TD>
<img SRC="images/spacer.gif" WIDTH=1 HEIGHT=38 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=3>
<a href=kissgod.htm onfocus='this.blur()' onMouseOver='bt("menu10","images/main_26.gif")' onMouseOut='bt("menu10","images/hongil_rollover_26.gif")'><img ID=menu10 src=images/hongil_rollover_26.gif border=0 style="filter:blendTrans(duration=0.5)"></a>
</TD>
<TD>
<img SRC="images/spacer.gif" WIDTH=1 HEIGHT=34 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=3>
<a href=kissgod.htm onfocus='this.blur()' onMouseOver='bt("menu11","images/main_27.gif")' onMouseOut='bt("menu11","images/hongil_rollover_27.gif")'><img ID=menu11 src=images/hongil_rollover_27.gif border=0 style="filter:blendTrans(duration=0.5)"></a>
</TD>
<TD>
<img SRC="images/spacer.gif" WIDTH=1 HEIGHT=33 ALT=""></TD>
</TR>
<TR>
<TD ROWSPAN=2>
<img SRC="images/main_28.gif" WIDTH=144 HEIGHT=66 ALT=""></TD>
<TD COLSPAN=3>
<a href=kissgod.htm onfocus='this.blur()' onMouseOver='+ 'bt("menu12","images/main_29.gif")' onMouseOut='bt("menu12","images/hongil_rollover_29.gif")'><img ID=menu12 src=images/hongil_rollover_29.gif border=0 style="filter:blendTrans(duration=0.5)"></a>
</TD>
<TD>
<img SRC="images/spacer.gif" WIDTH=1 HEIGHT=29 ALT=""></TD>
</TR>
<TR>
<TD>
<img src="images/main_30.gif" width="31" height="37" border="0"></TD>
<TD>
<img src="images/main_31.gif" width="33" height="37" border="0"></TD>
<TD>
<img SRC="images/main_32.gif" WIDTH=69 HEIGHT=37 ALT=""></TD>
<TD>
<img SRC="images/spacer.gif" WIDTH=1 HEIGHT=37 ALT=""></TD>
</TR>
<TR>
<TD ROWSPAN=2>
<img SRC="images/main_33.gif" WIDTH=49 HEIGHT=157 ALT=""></TD>
<TD ROWSPAN=2>
<img SRC="images/main_34.gif" WIDTH=144 HEIGHT=157 ALT=""></TD>
<TD ROWSPAN=2>
<img SRC="images/main_35.gif" WIDTH=71 HEIGHT=157 ALT=""></TD>
<TD COLSPAN=3>
<img SRC="images/main_36.gif" WIDTH=133 HEIGHT=132 ALT=""></TD>
<TD>
<img SRC="images/spacer.gif" WIDTH=1 HEIGHT=132 ALT=""></TD>
</TR>
<TR>
<TD>
<img SRC="images/main_37.gif" WIDTH=569 HEIGHT=25 ALT=""></TD>
<TD COLSPAN=3>
<img SRC="images/main_38.gif" WIDTH=133 HEIGHT=25 ALT=""></TD>
<TD>
<img SRC="images/spacer.gif" WIDTH=1 HEIGHT=25 ALT=""></TD>
</TR>
</TABLE>
</bODY>
</HTML>
으휴길다. 길어. ^^
실은 저 부분만이 아니고요. 보시믄 아시것지만. 트렌지션+마우스오버 효과를 하나했을때 깨지는걸 알았는데 무대뽀로 계속 다른 이미지에도 줬답니다.
아시면 꼭 좀 알려주세요.