이미지미리보기 문의

· 13년 전 · 825 · 3
안녕하세요!!

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

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'> <a href="<?=$list[$i][href]?>"><img src='<?=$board_skin_path?>/img/newwin.gif' style='cursor:hand' alt='상세보기' title='상세보기'></a> <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 했을때 해당 이미지가 옆으로 출력이 되어야
하는데 스크립트 적용이 되질 않습니다.

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

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

댓글 3개

혹시 스크립트에 오자가 있어서 그런거 아닌가요?
mousOverEvent => mouseOverEvent
오자가아닙니다
mousOverEvent를 정의한게 맞습니다.
해결했습니다.
문제는 이미지의 파일경로가 틀렸던거네요..ㅠㅠ
<?=$list[$i][thumb_file][src]?> -> <?=$list[$i][file][0][path]?>/<?=$list[$i][file][0][file]?>
수정하니 마우스 오버시 이벤트 적용이 되는군요
댓글을 작성하시려면 로그인이 필요합니다.

그누4 질문답변

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

+
제목 글쓴이 날짜 조회
13년 전 조회 1,550
13년 전 조회 1,885
13년 전 조회 969
13년 전 조회 1,964
13년 전 조회 781
13년 전 조회 1,053
13년 전 조회 1,554
13년 전 조회 898
13년 전 조회 1,603
13년 전 조회 826
13년 전 조회 876
13년 전 조회 810
13년 전 조회 1,607
13년 전 조회 799
13년 전 조회 829
13년 전 조회 1,399
13년 전 조회 1,628
13년 전 조회 1,961
13년 전 조회 1,688
13년 전 조회 1,667