탭메뉴 적용시 more 링크를 다르게 적용하는 방법좀 부탁드립니다. 정보
탭메뉴 적용시 more 링크를 다르게 적용하는 방법좀 부탁드립니다.본문
안녕하세요! 회원님께 도움 요청 글을 올립니다.
탭메뉴 적용시 more 링크를 다르게 적용하는 방법좀 알고 싶어서...
탭메뉴 적용 예제(다음과 같이 적용했습니다.)
<table width='100%' border="0" cellpadding="0" cellspacing="0">
<td valign="top" width="35"><a href="<?=$g4[bbs_path]?>/board.php?bo_table=<?=$tblN1?>" onMouseOut="MM_swapImage('n1','','images/n1_2.gif',1)" onMouseOver="MM_swapImgRestore(),MM_swapImage('n1','','images/n1_2.gif',1),MM_showHideLayers('lsMenu1','','show','lsMenu2','','hide','lsMenu3','','hide','lsMenu4','','hide')" onfocus='this.blur()'><img name="n1" border="0" src="images/n1.gif"></a></td>
<td valign="top" width="35"><a href="<?=$g4[bbs_path]?>/board.php?bo_table=<?=$tblN2?>" onMouseOut="MM_swapImage('n2','','images/n2_2.gif',1)" onMouseOver="MM_swapImgRestore(),MM_swapImage('n2','','images/n2_2.gif',1),MM_showHideLayers('lsMenu1','','hide','lsMenu2','','hide','lsMenu3','','show','lsMenu4','','hide')" onfocus='this.blur()'><img name="n2" border="0" src="images/n2.gif"></a></td>
<td valign="top" width="32"><a href="<?=$g4[bbs_path]?>/board.php?bo_table=<?=$tblN3?>" onMouseOut="MM_swapImage('n3','','images/n3_2.gif',1)" onMouseOver="MM_swapImgRestore(),MM_swapImage('n3','','images/n3_2.gif',1),MM_showHideLayers('lsMenu1','','hide','lsMenu2','','hide','lsMenu3','','hide','lsMenu4','','show')" onfocus='this.blur()'><img name="n3" border="0" src="images/n3.gif"></a></td>
<td valign="top" width="32"><a href="<?=$g4[bbs_path]?>/board.php?bo_table=<?=$tblN4?>" onMouseOut="MM_swapImage('n4','','images/n4_2.gif',1)" onMouseOver="MM_swapImgRestore(),MM_swapImage('n4','','images/n4_2.gif',1),MM_showHideLayers('lsMenu1','','hide','lsMenu2','','hide','lsMenu3','','hide','lsMenu4','','show')" onfocus='this.blur()'><img name="n4" border="0" src="images/n4.gif"></a></td>
<td valign="top" width="32"><img src="images/n5.gif" width="45" height="29" border="0"></td>
<td valign="top" width="32"><a href="<?=$g4[bbs_path]?>/board.php?bo_table=<?=$tblN1?>"><img src="images/n6.gif" width="42" height="29" border="0"></a></td>
<tr align='center'>
<td height="8" valign="top" colspan="4"></td>
</tr>
</table>
<td valign="top" width="35"><a href="<?=$g4[bbs_path]?>/board.php?bo_table=<?=$tblN1?>" onMouseOut="MM_swapImage('n1','','images/n1_2.gif',1)" onMouseOver="MM_swapImgRestore(),MM_swapImage('n1','','images/n1_2.gif',1),MM_showHideLayers('lsMenu1','','show','lsMenu2','','hide','lsMenu3','','hide','lsMenu4','','hide')" onfocus='this.blur()'><img name="n1" border="0" src="images/n1.gif"></a></td>
<td valign="top" width="35"><a href="<?=$g4[bbs_path]?>/board.php?bo_table=<?=$tblN2?>" onMouseOut="MM_swapImage('n2','','images/n2_2.gif',1)" onMouseOver="MM_swapImgRestore(),MM_swapImage('n2','','images/n2_2.gif',1),MM_showHideLayers('lsMenu1','','hide','lsMenu2','','hide','lsMenu3','','show','lsMenu4','','hide')" onfocus='this.blur()'><img name="n2" border="0" src="images/n2.gif"></a></td>
<td valign="top" width="32"><a href="<?=$g4[bbs_path]?>/board.php?bo_table=<?=$tblN3?>" onMouseOut="MM_swapImage('n3','','images/n3_2.gif',1)" onMouseOver="MM_swapImgRestore(),MM_swapImage('n3','','images/n3_2.gif',1),MM_showHideLayers('lsMenu1','','hide','lsMenu2','','hide','lsMenu3','','hide','lsMenu4','','show')" onfocus='this.blur()'><img name="n3" border="0" src="images/n3.gif"></a></td>
<td valign="top" width="32"><a href="<?=$g4[bbs_path]?>/board.php?bo_table=<?=$tblN4?>" onMouseOut="MM_swapImage('n4','','images/n4_2.gif',1)" onMouseOver="MM_swapImgRestore(),MM_swapImage('n4','','images/n4_2.gif',1),MM_showHideLayers('lsMenu1','','hide','lsMenu2','','hide','lsMenu3','','hide','lsMenu4','','show')" onfocus='this.blur()'><img name="n4" border="0" src="images/n4.gif"></a></td>
<td valign="top" width="32"><img src="images/n5.gif" width="45" height="29" border="0"></td>
<td valign="top" width="32"><a href="<?=$g4[bbs_path]?>/board.php?bo_table=<?=$tblN1?>"><img src="images/n6.gif" width="42" height="29" border="0"></a></td>
<tr align='center'>
<td height="8" valign="top" colspan="4"></td>
</tr>
</table>
정상적으로 작동이 잘 됩니다.
여기서 n6.gif (more이미지) 링크를 탭메뉴에 맞게 n6.gif (more이미지)가 나오게 하고 싶은데 어떻게 적용해야 하는지 몰라서 질문드립니다.
n1.gif(공지사항 이미지), n2.gif(자유게시판 이미지), n3.gif(관람후기 이미지), n4.gif(보도자료 이미지) 마우스가 올라가면 n6.gif (more이미지) 링크가 자동으로 맞게 적용하고 싶은데 이럴때 어떻게 수정해서 적용해야 하나요.
답변좀 부탁드립니다.
행복하세요!
댓글 전체
More 부분을 레이어 처리하셔서 바꿔주시는 방법이 있구요
단지 이미지만을 변경하시려면
해당 버튼 이미지의 onMouseOver 이벤트에서 more이미지이름.src='이미지 경로'
하시면됩니다.
(링크가 변경되는 부분도 계산 하신다면 레이어로 작업하시는걸 추천합니다)
단지 이미지만을 변경하시려면
해당 버튼 이미지의 onMouseOver 이벤트에서 more이미지이름.src='이미지 경로'
하시면됩니다.
(링크가 변경되는 부분도 계산 하신다면 레이어로 작업하시는걸 추천합니다)
새나라어른님 답변해 주셔서 감사드립니다.
그런데 제가 잘 이해가 안됩니다.
말씀해 주신대로 링크가 변경되기 때문에 레이어로 작업해야 할 것 같은데...
이럴 경우 레이어를 어떻게 만들고 적용을 어떻게 해야 할지 모르겠네요.
조금 쉽게 이해하기 편하게 설명좀 부탁드릴께요.
감사드립니다.
그런데 제가 잘 이해가 안됩니다.
말씀해 주신대로 링크가 변경되기 때문에 레이어로 작업해야 할 것 같은데...
이럴 경우 레이어를 어떻게 만들고 적용을 어떻게 해야 할지 모르겠네요.
조금 쉽게 이해하기 편하게 설명좀 부탁드릴께요.
감사드립니다.
글 내용 출력부분의 레이어처럼 하시면됩니다.
설명을 하려니 잘 안되내요..^^;
lsMenu1 처럼 레이어를 미리 만들어 두시고.
탭메뉴 부분에서 해당 레이어로 변경 하시는 방법입니다.
설명을 하려니 잘 안되내요..^^;
lsMenu1 처럼 레이어를 미리 만들어 두시고.
탭메뉴 부분에서 해당 레이어로 변경 하시는 방법입니다.
답변에 감사~~ 감사~~
제가 잘 이해가 안되서 다시 질문드립니다.
조금만 쉽게 설명좀 부탁드립니다.
이렇게 적용해 보았는데...
<td valign="top" width="32"><DIV id=layer1><a href="<?=$g4[bbs_path]?>/board.php?bo_table=<?=$tblN1?>"><img src="images/n6.gif" width="42" height="29" border="0"></a></DIV>
<DIV id=layer2><a href="<?=$g4[bbs_path]?>/board.php?bo_table=<?=$tblN2?>"><img src="images/n6.gif" width="42" height="29" border="0"></a></DIV>
<DIV id=layer3><a href="<?=$g4[bbs_path]?>/board.php?bo_table=<?=$tblN3?>"><img src="images/n6.gif" width="42" height="29" border="0"></a></DIV>
<DIV id=layer4><a href="<?=$g4[bbs_path]?>/board.php?bo_table=<?=$tblN4?>"><img src="images/n6.gif" width="42" height="29" border="0"></a></DIV>
링크는 맞게 적용 되는데...
more이미지가 모두 일렬로 보입니다.
어디를 수정해야 하는지 답변좀 부탁드릴께요!
답변해 주셔서 감사드립니다.
제가 잘 이해가 안되서 다시 질문드립니다.
조금만 쉽게 설명좀 부탁드립니다.
이렇게 적용해 보았는데...
<td valign="top" width="32"><DIV id=layer1><a href="<?=$g4[bbs_path]?>/board.php?bo_table=<?=$tblN1?>"><img src="images/n6.gif" width="42" height="29" border="0"></a></DIV>
<DIV id=layer2><a href="<?=$g4[bbs_path]?>/board.php?bo_table=<?=$tblN2?>"><img src="images/n6.gif" width="42" height="29" border="0"></a></DIV>
<DIV id=layer3><a href="<?=$g4[bbs_path]?>/board.php?bo_table=<?=$tblN3?>"><img src="images/n6.gif" width="42" height="29" border="0"></a></DIV>
<DIV id=layer4><a href="<?=$g4[bbs_path]?>/board.php?bo_table=<?=$tblN4?>"><img src="images/n6.gif" width="42" height="29" border="0"></a></DIV>
링크는 맞게 적용 되는데...
more이미지가 모두 일렬로 보입니다.
어디를 수정해야 하는지 답변좀 부탁드릴께요!
답변해 주셔서 감사드립니다.
<DIV style="display:none;">
하시면 해당 레이어가 안보이게 됩니다.
탭메뉴에서 onmouseover 이벤트에서
해당 More 레이어를 보여주고
다른 레이어는 안보여주는 스크립트를 하셔야 합니다.
하시면 해당 레이어가 안보이게 됩니다.
탭메뉴에서 onmouseover 이벤트에서
해당 More 레이어를 보여주고
다른 레이어는 안보여주는 스크립트를 하셔야 합니다.
답변에 감사~~ 감사~~
제가 잘 이해를 못해서 적용이 안됩니다.
다시 질문드릴께요. 이번에는 이렇게 적용해 보았더니...
<td valign="top" width="32"><DIV id=layer1 style="position:absolute; z-index:1; visibility:visible; width:<?=$lsWidth?>px;"><a href="<?=$g4[bbs_path]?>/board.php?bo_table=<?=$tblN1?>"><img src="images/n6.gif" width="42" height="29" border="0"></a></DIV>
<DIV id=layer2 style="position:absolute; z-index:1; visibility:hidden; width:<?=$lsWidth?>px;"><a href="<?=$g4[bbs_path]?>/board.php?bo_table=<?=$tblN2?>"><img src="images/n6.gif" width="42" height="29" border="0"></a></DIV>
<DIV id=layer3 style="position:absolute; z-index:1; visibility:hidden; width:<?=$lsWidth?>px;"><a href="<?=$g4[bbs_path]?>/board.php?bo_table=<?=$tblN3?>"><img src="images/n6.gif" width="42" height="29" border="0"></a></DIV>
<DIV id=layer4 style="position:absolute; z-index:1; visibility:hidden; width:<?=$lsWidth?>px;"><a href="<?=$g4[bbs_path]?>/board.php?bo_table=<?=$tblN4?>"><img src="images/n6.gif" width="42" height="29" border="0"></a></DIV>
레이어는 감추어 졌는데.. 해당 이미지에 맞게 more이미지가 링크가 걸리지 않습니다.
모두 첫번째 이미지 n1.gif(공지사항)로 링크 적용 됩니다.
각 이미지에 맞게 링크 적용하려면 어떻게 해야 하나요.
설명좀 부탁드릴께요.
감사드립니다.
제가 잘 이해를 못해서 적용이 안됩니다.
다시 질문드릴께요. 이번에는 이렇게 적용해 보았더니...
<td valign="top" width="32"><DIV id=layer1 style="position:absolute; z-index:1; visibility:visible; width:<?=$lsWidth?>px;"><a href="<?=$g4[bbs_path]?>/board.php?bo_table=<?=$tblN1?>"><img src="images/n6.gif" width="42" height="29" border="0"></a></DIV>
<DIV id=layer2 style="position:absolute; z-index:1; visibility:hidden; width:<?=$lsWidth?>px;"><a href="<?=$g4[bbs_path]?>/board.php?bo_table=<?=$tblN2?>"><img src="images/n6.gif" width="42" height="29" border="0"></a></DIV>
<DIV id=layer3 style="position:absolute; z-index:1; visibility:hidden; width:<?=$lsWidth?>px;"><a href="<?=$g4[bbs_path]?>/board.php?bo_table=<?=$tblN3?>"><img src="images/n6.gif" width="42" height="29" border="0"></a></DIV>
<DIV id=layer4 style="position:absolute; z-index:1; visibility:hidden; width:<?=$lsWidth?>px;"><a href="<?=$g4[bbs_path]?>/board.php?bo_table=<?=$tblN4?>"><img src="images/n6.gif" width="42" height="29" border="0"></a></DIV>
레이어는 감추어 졌는데.. 해당 이미지에 맞게 more이미지가 링크가 걸리지 않습니다.
모두 첫번째 이미지 n1.gif(공지사항)로 링크 적용 됩니다.
각 이미지에 맞게 링크 적용하려면 어떻게 해야 하나요.
설명좀 부탁드릴께요.
감사드립니다.
혹시나 다른 방법도 알려드릴께요..
위 처럼 More 이미지까지 변경되거나
탭메뉴 부분의 이미지가 완전히 다른 이미지로 변경되는경우에는
탭메뉴 부분까지 레이어로 잡아서 처리하는 경우도 있습니다.
리스트 부분만을 레이어로 잡지 않고 탭메뉴까지 레이어로 잡아서 처리하게되면.
이미지 변환.. More링크 등이 좀더 간결한 소스가 될 수 있습니다.
위 처럼 More 이미지까지 변경되거나
탭메뉴 부분의 이미지가 완전히 다른 이미지로 변경되는경우에는
탭메뉴 부분까지 레이어로 잡아서 처리하는 경우도 있습니다.
리스트 부분만을 레이어로 잡지 않고 탭메뉴까지 레이어로 잡아서 처리하게되면.
이미지 변환.. More링크 등이 좀더 간결한 소스가 될 수 있습니다.
이젠 탭메뉴부분에서 해당 more 레이어를 바꿔보여주실 차례입니다~
^-^
^-^
답변해 주셔서 감사~~ 감사~~
아무튼 지금까지 과정은 맞은 것인지....
이젠 탭메뉴부분에서 해당 more 레이어를 바꿔보여주실 차례입니다~
라고 말씀해 주셨는데 글쎄, 이해가 안됩니다.
more 레이어 순서를 바꿔 주어야 하는지 어떤 말인지 모르겠네요!
다시 한번 쉽게 설명좀 부탁드릴께요.
감사드립니다.
아무튼 지금까지 과정은 맞은 것인지....
이젠 탭메뉴부분에서 해당 more 레이어를 바꿔보여주실 차례입니다~
라고 말씀해 주셨는데 글쎄, 이해가 안됩니다.
more 레이어 순서를 바꿔 주어야 하는지 어떤 말인지 모르겠네요!
다시 한번 쉽게 설명좀 부탁드릴께요.
감사드립니다.
