링크 질문드립니다. 정보
링크 질문드립니다.본문
안녕하세요.
그누보드4 사용중에...
---------------------------------
메뉴 메뉴 메뉴 메뉴 메뉴 메뉴
---------------------------------
로그인 ] 이미지
로그인 ]
통 계 ]
통 계 ]
이렇게 구성이 되어있는데요.
<div>
<table width="100%">
<tr height=300 valign="middle">
<td align="center"><a href="<?=$board_skin_path?>/img/Pear_Contents.jpg">
<img src="<?=$board_skin_path?>/img/Pear.gif" align="absmiddle" border='0'></a></td>
</tr>
</table>
</div>
Pear.gif 라는 이미지가 있고 이것을 클릭했을때, Pear_Contents.jpg 파일이 나타나도록 하려고 합니다.
허나 문제는...
gif 이미지를 클릭했을때, 윗부분의 메뉴와 좌측의 로그인 창이 사라지고 jpg 파일만 나타나더군요.
메뉴와 로그인 창은 그래도 있고 gif 이미지 부분만 바뀌도록 하려면 소스를 어떻게 해야할까요?
두번째,
다른 방법을 시도해보고자, 새로운 a.php 파일을 만들어서 a.php 파일에 jpg 이미지를 넣어두고
링크를 a.php 파일에다 걸었습니다.
현재 php 파일이 있는 폴더는 그누보드/skin/board/page/a.php 인데요.
이 폴더에 있는 a.php 에서 root 폴더에 있는 _common.php, _heap.php, _tail.php 파일을
include_once() 할 수 있는 방법이 있나요??
include_once("$g4[path]/_common.php");
이렇게 해도 안 되더군요..
그누보드4 사용중에...
---------------------------------
메뉴 메뉴 메뉴 메뉴 메뉴 메뉴
---------------------------------
로그인 ] 이미지
로그인 ]
통 계 ]
통 계 ]
이렇게 구성이 되어있는데요.
<div>
<table width="100%">
<tr height=300 valign="middle">
<td align="center"><a href="<?=$board_skin_path?>/img/Pear_Contents.jpg">
<img src="<?=$board_skin_path?>/img/Pear.gif" align="absmiddle" border='0'></a></td>
</tr>
</table>
</div>
Pear.gif 라는 이미지가 있고 이것을 클릭했을때, Pear_Contents.jpg 파일이 나타나도록 하려고 합니다.
허나 문제는...
gif 이미지를 클릭했을때, 윗부분의 메뉴와 좌측의 로그인 창이 사라지고 jpg 파일만 나타나더군요.
메뉴와 로그인 창은 그래도 있고 gif 이미지 부분만 바뀌도록 하려면 소스를 어떻게 해야할까요?
두번째,
다른 방법을 시도해보고자, 새로운 a.php 파일을 만들어서 a.php 파일에 jpg 이미지를 넣어두고
링크를 a.php 파일에다 걸었습니다.
현재 php 파일이 있는 폴더는 그누보드/skin/board/page/a.php 인데요.
이 폴더에 있는 a.php 에서 root 폴더에 있는 _common.php, _heap.php, _tail.php 파일을
include_once() 할 수 있는 방법이 있나요??
include_once("$g4[path]/_common.php");
이렇게 해도 안 되더군요..
댓글 전체
스크립트를 좀 수정해봤는데 모든 브라우저에서 가능한지는 모르겠으나 이정도면 되잖을까 싶네요
<script type="text/javascript">
<!--
function swapImage(id, swapImg) {
var id = swapImage.arguments[0];
document.getElementById(id).src = swapImage.arguments[1];
}
//-->
</script>
<img src="<?=$board_skin_path?>/img/Pear.gif" align="absmiddle" border='0' id="SWimg01" onClick="swapImage('SWimg01','<?=$board_skin_path?>/img/Pear_Contents.jpg');"/>
이렇게 해보시면 어떨까요?
<script type="text/javascript">
<!--
function swapImage(id, swapImg) {
var id = swapImage.arguments[0];
document.getElementById(id).src = swapImage.arguments[1];
}
//-->
</script>
<img src="<?=$board_skin_path?>/img/Pear.gif" align="absmiddle" border='0' id="SWimg01" onClick="swapImage('SWimg01','<?=$board_skin_path?>/img/Pear_Contents.jpg');"/>
이렇게 해보시면 어떨까요?
