채택완료

작은사진에 마우스가져가면 큰 사진으로 표현

2014-07-28 (월) 16:23:53 6,331

게시판을 수정중에 있는데요.

게시판 view 코드인데요.

여기에서 

사진들을 불러오는데요.

문제가 생겼습니다.

작은 사진에 마우스를 가져가면 큰사진이 표시되어야 하는데요.

왜 안되는지 모르겠네요...ㅡㅡ;

기존 코드에서 되었는데요..ㅡㅡ

Copy
<?phpif (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가 if(G5_IS_MOBILE) {	$view_tr = '</tr><tr>';	$view_align = 'left';	$view_css_head = 'm-';	$daum_view = daum_view($wr_post['daum_view'],'m');	$view['date'] = amina_date($view['wr_datetime']);} else{	$view_tr = '';	$view_align = 'right';	$view_css_head = '';	$daum_view = daum_view($wr_post['daum_view'],'l');	$view['date'] = '<span class="cnt">'.$view['date'].'</span>';} //링크 & 첨부$attach_list = '';if(!$is_admin && $view['blind']) {	;} else	{ 	//링크	for ($i=1; $i <= G5_LINK_COUNT; $i++) {		if ($view['link'][$i]) {			$link = cut_str($view['link'][$i], 70);			$attach_list .= '<li>관련링크 - <a href="'.$view['link_href'][$i].'" target="_blank">'.$link.' <span class="cnt">['.$view['link_hit'][$i].']</span></a></li>'."\n";		}	}			 	//첨부	for ($i=0; $i < count($view['attach']['file']); $i++) {		$attach_list .= "<li>첨부파일 - <a href=\"javascript:file_download('{$view['attach']['file'][$i]['href']}&js=on', '{$view['attach']['file'][$i]['source']}');\" title=\"{$view['attach']['file'][$i]['content']}\">{$view['attach']['file'][$i]['source']} ({$view['attach']['file'][$i]['size']}) <span class=\"cnt\">[{$view['attach']['file'][$i]['download']}]</span></a></li>\n";	} 	//다운제한	if($i > 0 && $v_icon['po_wr_type']) {		switch($v_icon['po_wr_type']) {			case 'both' : $po_wr_msg = '연동글에 열람/다운'.AS_MP.'를 사용한 회원만 다운로드할 수 있습니다.'; break;			case 'view' : $po_wr_msg = '연동글에 열람'.AS_MP.'를 사용한 회원만 다운로드할 수 있습니다.'; break;			case 'down' : $po_wr_msg = '연동글에 다운'.AS_MP.'를 사용한 회원만 다운로드할 수 있습니다.'; break;			default		: $po_wr_msg = ''; break;		}		if($po_wr_msg) $attach_list .= '<li class="msg-po-down">이용안내 - '.$po_wr_msg.'</li>'."\n";		} 	//다운	if($view['use_po_down']) $attach_list .= '<li class="msg-po-down">다운안내 - '.$view['msg_po_down'].'</li>'."\n"; 	//열람	if($view['use_po_view'] == "free" || $view['use_po_view'] == "ing") $attach_list .= '<li class="msg-po-view">열람안내 - '.$view['msg_po_view'].'</li>'."\n"; 	//채택	if($view['choice'] == "none") $attach_list .= '<li class="msg-choice">'.$amina['cmt_choice_txt'].'안내 - '.$amina['cmt_choice_txt'].'된 댓글은 <b>'.number_format($v_icon['choice_point']).''.AS_MP.'</b> 드립니다.</li>'."\n"; 	//기간	if($v_icon['ev_startdate'] && $v_icon['ev_enddate']) $attach_list .= '<li>기간안내 - '.amina_ev_date($bo_table, $wr_id, $view['wr_5'], 'Y.m.d', '종료되었습니다.').'</li>'."\n";} //헤드스킨if(!$set['view_head']) {	include($head_skin_path.'/head.skin.php');} //헤드여백if(!$set['view_head_line'] || $frame) echo '<div class="view-head-line"> </div>'; ?> <script type="text/javascript">$(function(){	$("#imgList li>img").hover(function(){		$("#mainImg img").attr('src', $(this).attr('src'));	}); });</script><style type="text/css"> img {border:0; } .field { border:1px solid #ccc; }#map_bg {	width: <?=$map_width?>;	margin: 0 5px 0 0;	border: 3px solid #f1f1f1;	}#map_map {	border: 2px solid #dedede;	}</style>   <div class="view-head-wrap">	<?php if($view['mb_photo']) { ?>		<div class="<?php echo $view_css_head;?>emo"><?php echo $view['mb_photo']; ?></div>	<?php } ?>	<div class="view-head">		<h1 id="bo_v_title" class="<?php echo $view_css_head; ?>view-subject">			<?php if(!$set['hide_view_icon']) echo $view['fa_icon']; ?><?php echo $view['subject']; ?> <?php if($view['icon_mobile']) { ?> <span class="view-mobile-icon"><?php echo $view['icon_mobile']; ?></span><?php } ?>		</h1>	    <section id="bo_v_info">		<ul class="<?php echo $view_css_head; ?>view-info">			<?php if(!$set['hide_view_name']) { ?>				<li class="name"><?php echo $view['icon_level'].' '.$view['name'];?><?php if ($is_ip_view) { echo "&nbsp;($ip)"; } ?></li>			<?php } ?>			<?php if($board['bo_use_nogood'] && !$set['hide_view_nogood']) { ?>				<li><span class="sound_only">비추천 </span><span class="nogood-icon"><?php echo $view['wr_nogood'];?></span></li>			<?php } ?>			<?php if($board['bo_use_good'] && !$set['hide_view_good']) { ?>				<li><span class="sound_only">추천 </span><span class="good-icon"><?php echo $view['wr_good'];?></span></li>			<?php } ?>			<li>조회 <span class="cnt"><?php echo $view['wr_hit']; ?></span></li>			<?php if(!$set['hide_view_star'] && $amina['star']) { ?>				<li><?php echo amina_star_mark($amina['star_color'],$view['wr_7'],'s');?></li>			<?php } ?>			<?php if(!$set['hide_view_cate'] && $view['ca_name']) { ?>				<li><?php echo $view['ca_name']; ?></li>			<?php } ?>			<li class="last"><?php echo $view['date']; ?></li>		</ul>		</section>		<div class="clear"></div>	</div>	<div class="clear"></div></div><div class="clear"></div><?php if($attach_list) { //첨부 ?>    <section id="bo_v_file">		<ul class="view-attach">			<?php echo $attach_list; ?>		</ul>	</section><?php } ?><article id="bo_v_atc">	<?php echo $view['attach_skin']; ?>	<?php echo $view['related_skin']; ?>	<?php echo $view['poll_up']; ?>	<div class="view-content<?php echo (G5_IS_MOBILE) ? ' m-view-content' : '';?>">      <?	// 파일 출력	$sql = "select * from $g4[board_file_table] where `bo_table`='$bo_table' and `wr_id`='$wr_id'";	$result=mysql_query($sql); 	for($i=0 ; $row = mysql_fetch_array($result) ; $i++){		//echo "<img src =$g4[path]/data/file/$bo_table/$row[bf_file] width=350 height=250 border=0 $style>";		$thumimg2[$i]="<img src =$g4[path]/data/file/$bo_table/$row[bf_file] width=350 height=250 border=0>";		$thumimg[$i]="<img src =$g4[path]/data/file/$bo_table/$row[bf_file] width=140 height=140 border=0>";	}?>          <style> 	.viewTable{border-collapse:collapse; width:100%;margin-top:10px;padding:0;}	#mainImg{text-align:center;padding-top:5px;}	#mainImg img{width:400px;height:200px;}	#imgList{list-style:none; padding:0;*zoom:1;margin:8px 5px 5px;}	#imgList:after{content:""; display:block; clear:both;}	#imgList li{float:left;padding:0px;margin:0px;}	#imgList li img{width:65px;height:40px;} 	.viewInfo{border-collapse:collapse; border-top:1px solid #ddd;border-bottom:1px solid #ddd;width:100%;}	.viewInfo th, .viewInfo td{font-size:12px;padding:11px 8px 10px 18px;text-align:left;border-bottom:1px solid #ededed;}	.viewInfo th{background:url("<?=$board_skin_path?>/img/map_icon.gif") 4px 12px no-repeat;}</style>    <table class="viewTable">	<colgroup>		<col width='250px' />		<col width='10px' />		<col />	</colgroup>	<tr>		<td style='border:1px solid #ddd;'>			<div id="mainImg"><img src='<?=$view['file'][0][path].'/'.$view['file'][0]['file']?>' /></div>			<?php				if($view['file'][count])				{					echo "<ul id='imgList'>";					for($i=0; $i<$view['file']['count'];$i++)					{						if($view['file'][$i]['view'])							echo "<li><img src='{$view['file'][$i][path]}/{$view['file'][$i][file]}' /></li>";					}					echo "</ul>";				}			?>		</td>		<td></td>		<td valign='top'>			<table class='viewInfo'>				<!--<tr>					<th width='20%;'>업종</th>					<td width='80%;'><?=$view['ca_name']?></td>				</tr>-->				<tr>					<th width="194">업 소 명</th>					<td width="276"><?=$view['wr_subject']?></td>                  <th width="122">담당자</th>					<td width="365"><?=$view['wr_4']?></td>				</tr>				<tr>					<th  width="194">업소종류</th>					<td width="276"><?=$view['wr_1']?></td>                    <th width="122">예약 문의</th>					<td width="365"><?=$view['wr_2']?>                    <a href="javascript:win_memo('../bbs/memo_form.php?me_recv_mb_id=<?php echo $view["mb_id"]?>');">                    <img src='/skin/board/store/img/pay.jpg' align='absmiddle'></a>                                        </td>                </tr>				<tr>					<th>위  치</th>					<td colspan="3"><?=$view['wr_3']?> </td>                </tr> 				<tr>					<th colspan="2">영업시간 및 휴무일</th>                    <td colspan="4"><?=$view['wr_5']?></td>				</tr>              <tr>					<td colspan="4" bgcolor="#E8E8E8"><center>					  <strong>이벤트 및 알림글 </strong>				</center></td>					               </tr>                            <tr>										<td style="height:80px" colspan="4" ><?php echo latest1("sztime_autotab","one",3,100,$view[mb_id]); //한줄소식 ?> </td>              </tr>			</table>		</td>	</tr></table>    		<?php echo $view['content']; ?>		<div class="clear"></div>	</div>	<?php if($view['lucky_point']) { ?>		<p class="view-lucky">			<i class="fa fa-gift fa-lg"></i> Congratulation! You win the <span class="view-lucky-point"><?php echo number_format($view['lucky_point']);?></span> Lucky <?php echo AS_MP;?>!		</p>	<?php } ?>	<?php echo $view['poll_down']; ?>	<?php echo $view['star_skin']; ?>	<?php echo $daum_view; ?>	<?php echo $view['good_skin']; ?>	<?php echo $view['sign_skin']; ?>	<?php if($view['ccl']) { ?>		<div class="view-ccl">			<img src="<?php echo AMINA_URL;?>/img/<?php echo $view['ccl_icon']; ?>" alt="" />			본 게시물은 <a href="<?php echo $view['ccl_deed']; ?>" target="_blank">크리에이티브 커먼즈 <?php echo $view['ccl']; ?> 2.0 대한민국 라이선스</a>에 따라 이용할 수 있습니다.		</div>	<?php } ?>	<?php if($view['tag']) { ?>		<div class="view-tag">			<img src="<?php echo AMINA_URL; ?>/img/icon_tag.gif" alt="" /> <?php echo $view['tag']; ?>		</div>	<?php } ?>		<?php echo $view['tag_skin'];?> 	<table border=0 class="view-opt-tbl">	<tr>	<td valign="bottom">		<ul class="view-opt">			<li><a href="<?php echo $print_href; ?>" class="popup_print"><img src="<?php echo AMINA_URL; ?>/img/view_print.png" border=0 alt="" /><span>인쇄</span></a></li>			<?php if($scrap_href) { ?>				<li><a href="javascript:win_scrap('<?php echo $scrap_href; ?>');"><img src="<?php echo AMINA_URL; ?>/img/view_scrap.png" border=0 alt="" /><span>스크랩</span></a></li>			<?php } ?>			<li><a href="javascript:clipboard_address('<?php echo $address_url; ?>');"><img src="<?php echo AMINA_URL; ?>/img/view_url.png" border=0 alt="" /><span>주소</span></a></li>			<?php if($trackback_url) { ?>				<li><a href="javascript:trackback_send_server('<?php echo $trackback_url; ?>');"><img src="<?php echo AMINA_URL; ?>/img/view_tb.png" border=0 alt="" /><span>트랙백</span></a></li>			<?php } ?>			<?php if($shingo_href) { ?>				<li><a href="<?php echo $shingo_href; ?>"><img src="<?php echo AMINA_URL; ?>/img/view_shingo.png" border=0 alt="" /><span>신고</span></a></li>			<?php } ?>		</ul>	</td>	<?php echo $view_tr; ?>	<td valign="bottom" align="<?php echo $view_align; ?>">		<?php if($view['icon_sns']) { ?>			<div class="view-sns"><?php echo $view['icon_sns']; ?></div>		<?php } ?>	</td>	</tr>	</table> 	<?php if($view['like_skin']) { ?>		<div class="view-like"><?php echo $view['like_skin']; ?></div>	<?php } ?></article>
|

답변 1개

채택된 답변
+20 포인트
2014-07-28 (월) 17:08:20

길다....

무조건 안된다 말고 어떻게 안되는지도 적어주세요

스크립트문제인지 스크립트 경로를 잘못탔는지 이미지 경로문제인지...

이런걸 알수있게 증상을 말해주시면 좋죠~

그리고 여기에 알럿하나 띄어보세요. 펑션 실행은 되는지

Copy
<script type="text/javascript">$(function(){	$("#imgList li>img").hover(function(){alert("실행은되니?");		$("#mainImg img").attr('src', $(this).attr('src'));	}); });</script>

답변을 작성하려면 로그인이 필요합니다.