이미지미리보기 문의 > 그누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]?>
수정하니 마우스 오버시 이벤트 적용이 되는군요
© SIRSOFT
현재 페이지 제일 처음으로