이미지미리보기 문의 정보
이미지미리보기 문의본문
안녕하세요!!
스킨제작중에 해결이 되지 않는 부분이 있어 이렇게 문의드립니다.
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 했을때 해당 이미지가 옆으로 출력이 되어야
하는데 스크립트 적용이 되질 않습니다.
어디에 문제가 있는건지 여러가지 수정을 해봤으나 해결이 되지 않아 이렇게 문의드립니다.
고수님들의 조언 부탁드립니다.
참고로 미리보기 이미지는 썸네일이미지가 아니어도 됩니다.
스킨제작중에 해결이 되지 않는 부분이 있어 이렇게 문의드립니다.
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 했을때 해당 이미지가 옆으로 출력이 되어야
하는데 스크립트 적용이 되질 않습니다.
어디에 문제가 있는건지 여러가지 수정을 해봤으나 해결이 되지 않아 이렇게 문의드립니다.
고수님들의 조언 부탁드립니다.
참고로 미리보기 이미지는 썸네일이미지가 아니어도 됩니다.
댓글 전체
혹시 스크립트에 오자가 있어서 그런거 아닌가요?
mousOverEvent => mouseOverEvent
mousOverEvent => mouseOverEvent
오자가아닙니다
mousOverEvent를 정의한게 맞습니다.
mousOverEvent를 정의한게 맞습니다.
해결했습니다.
문제는 이미지의 파일경로가 틀렸던거네요..ㅠㅠ
<?=$list[$i][thumb_file][src]?> -> <?=$list[$i][file][0][path]?>/<?=$list[$i][file][0][file]?>
수정하니 마우스 오버시 이벤트 적용이 되는군요
문제는 이미지의 파일경로가 틀렸던거네요..ㅠㅠ
<?=$list[$i][thumb_file][src]?> -> <?=$list[$i][file][0][path]?>/<?=$list[$i][file][0][file]?>
수정하니 마우스 오버시 이벤트 적용이 되는군요