이미지미리보기 문의 > 그누4 질문답변

그누4 질문답변

그누보드4 관련 질문은 QA 로 이전됩니다. QA 그누보드4 바로가기
기존 게시물은 열람만 가능합니다.

이미지미리보기 문의 정보

이미지미리보기 문의

본문

안녕하세요!!

스킨제작중에 해결이 되지 않는 부분이 있어 이렇게 문의드립니다.

list_skin.php
/-----------------------------------------------------------------------------------------------
<td height=150>
<table width=180 border=0 height=150 cellpadding='0' cellspacing='0'>
<tr>
<td style="border:2px solid #E7E7E7;cursor:hand;"
onMouseOver="this.style.border='2px solid #FF6600';"
onMouseOut="this.style.border='2px solid #E7E7E7';" width='100%' height='140' align='center'><img src="<?=$thumb_file?>" <?=$thumb_width?> <?=$thumb_height?> align=absmiddle title='<?=$list[$i][subject]?>'></td>
</tr>
<tr height='10'>
<td>
<table border='0' width='100%' height='20' cellpadding='0' cellspacing='0'>
<tr><td height='10'><table border='0' width='100%' height='10' cellpadding='0' cellspacing='0'><tr><td height='10' title='' valign='bottom'>
<b><?=$list[$i][subject]?></b></td><td width=53 align='right' height='22' valign='bottom'><img onmouseover="javascript:mousOverEvent('<?=$list[$i][thumb_file][src]?>')" onmouseout="javascript:mousOverEvent('')"
src='<?=$board_skin_path?>/img/magnify.gif' alt='미리보기' title='미리보기' border='0'>&nbsp;<a href="<?=$list[$i][href]?>"><img src='<?=$board_skin_path?>/img/newwin.gif' style='cursor:hand' alt='상세보기' title='상세보기'></a>&nbsp;<a href="<?=$list[$i][link_href][1]?>" target=_blank ><img src='<?=$board_skin_path?>/img/home.gif' style='cursor:hand' border=0 alt='홈페이지' title='홈페이지'></a></td></tr>
</table></td>

</tr>
<tr>
<td height='10'></td></tr>
</table></td></tr>
<tr><td height='3'></td></tr>
</table>

    </td>

<script language="javascript">
<!--
var show_magnify_close = '{{{show_magnify_close}}}';
var show_magnify_close_image_locate = '{{{show_magnify_close_image_locate}}}';

mousOverEvent = function (image) { overEvent.imgShow(image, true); }
mousClickEvent = function (image) { overEvent.imgShow(image, false); }
//-->
</script>
-----------------------------------------------------------------------------------------------/
소스 코드는 위와같습니다.

게시판 리스트에 갤러리 형태로 등록이 되며 출력되는 이미지 밑에 제목/미리보기/상세보기/링크
이런식으로 출력이 되게끔 했습니다.

상세보기와 링크 부분은 정상적으로 적용이 되어있습니다.

문제는 위의 스크립트로 미리보기 아이콘에 mouse over 했을때 해당 이미지가 옆으로 출력이 되어야
하는데 스크립트 적용이 되질 않습니다.

어디에 문제가 있는건지 여러가지 수정을 해봤으나 해결이 되지 않아 이렇게 문의드립니다.
고수님들의 조언 부탁드립니다.

참고로 미리보기 이미지는 썸네일이미지가 아니어도 됩니다.

댓글 전체

해결했습니다.
문제는 이미지의 파일경로가 틀렸던거네요..ㅠㅠ
<?=$list[$i][thumb_file][src]?> -> <?=$list[$i][file][0][path]?>/<?=$list[$i][file][0][file]?>
수정하니 마우스 오버시 이벤트 적용이 되는군요
전체 66,554 |RSS
그누4 질문답변 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1402호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT