첨부이미지가 없을시 공간을 무시하고 출력하는 방법문의
본문
<div style="text-align: center"> </div>
<div> </div>
<div> </div>
<div> </div>
<div> </div>
<div>
<div></div>
<div style="text-align: center"><img width="597" height="567" id="image_0.5714833630241507" alt="img1.jpg" src="//sir.kr/data/cheditor4/1404/39a8d757e3b6ec80fc18385afe8ba490_ousOPgwj5QmY5wNzQJN1nSKouV.jpg" /></div>
<div> </div>
<div> </div>
<div>--------------------------------------------------------------------------------------------------</div>
<div style="text-align: center"><img width="588" height="894" alt="2.jpg" src="//sir.kr/data/cheditor4/1404/39a8d757e3b6ec80fc18385afe8ba490_4bFtJGfmWEUFHJjzkOXDkEKoNJ7nk.jpg" /></div>
<div> </div>
<div></div>
<div>두가지 질문드립니다.</div>
<div> </div>
<div><strong></strong> </div>
<div><strong>1. 빨간색 네모칸을 보면 이미지가 없을시 아무것도 없는 공간으로 나와 보기 안좋습니다.</strong></div>
<div><strong> 만약 이미지가 없으면 이미지영역을 무시하고 그다음 내용이 위로 출력되게 하고싶습니다.</strong></div>
<div><strong> 또, 이미지가 출력된것도 작은이미지 위아래 공간이 너무 많이 벌어져있습니다.ㅠㅠ</strong></div>
<div><strong></strong> </div>
<div><strong>2. 파란색 네모칸 작은이미지들이 가로이미지는 일정하게 나오는데 세로이미지 넣으면 혼자서 세로로 길게</strong></div>
<div><strong> 나오는데, 그냥 다 똑같은 크기로 출력하고 싶습니다.</strong></div>
<div> </div>
<div> </div>
<div>아래는 view.skin.php 소스입니다.</div>
<div> </div>
<div><?<br />if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가 <br />$apikey=$board['bo_1'];<br />$map_width="610";<br />$map_height="330";<br />include_once("$board_skin_path/skin.lib.php");<br />if (!function_exists("imagecopyresampled")) alert("GD 2.0.1 이상 버전이 설치되어 있어야 사용할 수 있는 갤러리 게시판 입니다.");</div>
<div>$img_width = 110;<br />$img_height = 85;<br />$img_quality = 100;</div>
<div>if (!$img_width) alert("게시판 설정 : 여분 필드 1 에 목록에서 보여질 이미지의 폭을 설정하십시오. (픽셀 단위)");<br />if (!$img_height) alert("게시판 설정 : 여분 필드 2 에 목록에서 보여질 이미지의 높이를 설정하십시오. (픽셀 단위)");<br />if (!$img_quality) alert("게시판 설정 : 여분 필드 3 에 목록에서 보여질 이미지의 질(quality)을 비율로 설정하십시오. (100 이하)");<br />if (!function_exists("imagecopyresampled")) alert("GD 2.0.1 이상 버전이 설치되어 있어야 사용할 수 있는 갤러리 게시판 입니다.");</div>
<div>$data_path = $g4[path]."/data/file/$bo_table";<br />$thumb_path = $data_path.'/thumbs';</div>
<div>@mkdir($thumb_path, 0707);<br />@chmod($thumb_path, 0707);<br />$imgPath="$g4[path]/data/file/$bo_table";<br />?> </div>
<div> </div>
<div><script> <br />//Table Size 조정 <br />/*<br />function ImageResizing(objFrame) { <br />if (!objFrame) return; </div>
<div>//height 조정 <br />var conversionSize = 380; <br />var orgWidth = objFrame.width; <br />var orgHeight = objFrame.height; </div>
<div>if (( orgWidth > conversionSize) || (orgHeight > conversionSize)){ <br />if (orgWidth > orgHeight){ <br />newWidth = conversionSize; <br />newHeight = Math.round((conversionSize * orgHeight)/orgWidth); <br />}else{ <br />newWidth = Math.round((conversionSize * orgWidth)/orgHeight); <br />newHeight = conversionSize; <br />} </div>
<div>objFrame.width = newWidth; <br />objFrame.height = newHeight; <br />} <br />} <br />*/<br />function ThumbViewer(ImageObj){ </div>
<div>// if (ImageObj.src == "<a href="http://pics.auction.co.kr/buy/itempage/no_image_thumb.gif">http://pics.auction.co.kr/buy/itempage/no_image_thumb.gif</a>") return; <br />/*<br />ThumbImage0.style.border = "silver 1px solid"; <br />ThumbImage1.style.border = "silver 1px solid"; <br />ThumbImage2.style.border = "silver 1px solid"; <br />ThumbImage3.style.border = "silver 1px solid"; <br />ThumbImage4.style.border = "silver 1px solid"; <br />ThumbImage5.style.border = "silver 1px solid"; <br />ThumbImage6.style.border = "silver 1px solid"; <br />ThumbImage7.style.border = "silver 1px solid"; <br />ThumbImage8.style.border = "silver 1px solid"; <br />ThumbImage9.style.border = "silver 1px solid"; </div>
<div>if (ThumbImage0 == ImageObj) ThumbImage0.style.border = "#333333 1px solid"; <br />if (ThumbImage1 == ImageObj) ThumbImage1.style.border = "#333333 1px solid"; <br />if (ThumbImage2 == ImageObj) ThumbImage2.style.border = "#333333 1px solid"; <br />if (ThumbImage3 == ImageObj) ThumbImage3.style.border = "#333333 1px solid"; <br />if (ThumbImage4 == ImageObj) ThumbImage4.style.border = "#333333 1px solid"; <br />if (ThumbImage5 == ImageObj) ThumbImage5.style.border = "#333333 1px solid"; <br />if (ThumbImage6 == ImageObj) ThumbImage6.style.border = "#333333 1px solid"; <br />if (ThumbImage7 == ImageObj) ThumbImage7.style.border = "#333333 1px solid"; <br />if (ThumbImage8 == ImageObj) ThumbImage8.style.border = "#333333 1px solid"; <br />if (ThumbImage9 == ImageObj) ThumbImage9.style.border = "#333333 1px solid"; <br />*/<br />if (ThumbImage0 == ImageObj){ <br />img0.style.display = ""; <br />img1.style.display = "none"; <br />img2.style.display = "none"; <br />img3.style.display = "none"; <br />img4.style.display = "none"; <br />img5.style.display = "none"; <br />img6.style.display = "none"; <br />img7.style.display = "none"; <br />img8.style.display = "none"; <br />img9.style.display = "none"; <br />//ImageResizing(img0); <br />} <br />else if (ThumbImage1 == ImageObj){ <br />img0.style.display = "none"; <br />img1.style.display = ""; <br />img2.style.display = "none"; <br />img3.style.display = "none"; <br />img4.style.display = "none"; <br />img5.style.display = "none"; <br />img6.style.display = "none"; <br />img7.style.display = "none"; <br />img8.style.display = "none"; <br />img9.style.display = "none"; <br />//ImageResizing(img1); <br />} <br />else if (ThumbImage2 == ImageObj){ <br />img0.style.display = "none"; <br />img1.style.display = "none"; <br />img2.style.display = ""; <br />img3.style.display = "none"; <br />img4.style.display = "none"; <br />img5.style.display = "none"; <br />img6.style.display = "none"; <br />img7.style.display = "none"; <br />img8.style.display = "none"; <br />img9.style.display = "none"; <br />//ImageResizing(img2); <br />} <br />else if (ThumbImage3 == ImageObj){ <br />img0.style.display = "none"; <br />img1.style.display = "none"; <br />img2.style.display = "none"; <br />img3.style.display = ""; <br />img4.style.display = "none"; <br />img5.style.display = "none"; <br />img6.style.display = "none"; <br />img7.style.display = "none"; <br />img8.style.display = "none"; <br />img9.style.display = "none"; <br />//ImageResizing(img3); <br />} <br />else if (ThumbImage4 == ImageObj){ <br />img0.style.display = "none"; <br />img1.style.display = "none"; <br />img2.style.display = "none"; <br />img3.style.display = "none"; <br />img4.style.display = ""; <br />img5.style.display = "none"; <br />img6.style.display = "none"; <br />img7.style.display = "none"; <br />img8.style.display = "none"; <br />img9.style.display = "none"; <br />//ImageResizing(img4); <br />} <br />else if (ThumbImage5 == ImageObj){ <br />img0.style.display = "none"; <br />img1.style.display = "none"; <br />img2.style.display = "none"; <br />img3.style.display = "none"; <br />img4.style.display = "none"; <br />img5.style.display = ""; <br />img6.style.display = "none"; <br />img7.style.display = "none"; <br />img8.style.display = "none"; <br />img9.style.display = "none"; <br />//ImageResizing(img5); <br />}<br />else if (ThumbImage6 == ImageObj){ <br />img0.style.display = "none"; <br />img1.style.display = "none"; <br />img2.style.display = "none"; <br />img3.style.display = "none"; <br />img4.style.display = "none"; <br />img5.style.display = "none"; <br />img6.style.display = ""; <br />img7.style.display = "none"; <br />img8.style.display = "none"; <br />img9.style.display = "none"; <br />//ImageResizing(img6); <br />}<br />else if (ThumbImage7 == ImageObj){ <br />img0.style.display = "none"; <br />img1.style.display = "none"; <br />img2.style.display = "none"; <br />img3.style.display = "none"; <br />img4.style.display = "none"; <br />img5.style.display = "none"; <br />img6.style.display = "none"; <br />img7.style.display = ""; <br />img8.style.display = "none"; <br />img9.style.display = "none"; <br />//ImageResizing(img7); <br />} <br />else if (ThumbImage8 == ImageObj){ <br />img0.style.display = "none"; <br />img1.style.display = "none"; <br />img2.style.display = "none"; <br />img3.style.display = "none"; <br />img4.style.display = "none"; <br />img5.style.display = "none"; <br />img6.style.display = "none"; <br />img7.style.display = "none"; <br />img8.style.display = ""; <br />img9.style.display = "none"; <br />//ImageResizing(img8); <br />} <br />else if (ThumbImage9 == ImageObj){ <br />img0.style.display = "none"; <br />img1.style.display = "none"; <br />img2.style.display = "none"; <br />img3.style.display = "none"; <br />img4.style.display = "none"; <br />img5.style.display = "none"; <br />img6.style.display = "none"; <br />img7.style.display = "none"; <br />img8.style.display = "none"; <br />img9.style.display = ""; <br />//ImageResizing(img9); <br />}<br />else { <br />img0.style.display = ""; <br />img1.style.display = "none"; <br />img2.style.display = "none"; <br />img3.style.display = "none"; <br />img4.style.display = "none"; <br />img5.style.display = "none"; <br />img6.style.display = "none"; <br />img7.style.display = "none"; <br />img8.style.display = "none"; <br />img9.style.display = "none"; <br />//ImageResizing(img0); <br />} <br />} <br /></script> <br /><script language="JavaScript"><br /><!--<br />function change(html){<br /> text1.innerHTML=html<br />}<br />//--><br /></script></div>
<div><br /><style type="text/css"><br />.write_head { height:30px; text-align:center; color:#8492A0; }<br />.field { border:1px solid #ccc; }<br />#map_bg {<br /> width: <?=$map_width?>;<br /> margin: 0 5px 0 0;<br /> border: 3px solid #f1f1f1;<br /> }<br />#map_map {<br /> border: 2px solid #dedede;<br />}<br /></style><br /><meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=medium-dpi'><br /><!-- Re 게시글 보기 시작 --><br /><style><br />.head {/*position:fixed;vertical-align: top; top: 0;*/}<br />.head1 {height:40px;background-color:#FFF;border-bottom:1px solid #eaeaea;}<br />.head2 {height:50px;background-color:#e5e8ef;border-top:1px solid #fff;border-bottom:1px solid #eaeaea;border-radius:5px;}<br />/*.head3 {height:40px;background-color:#404352;border-bottom:1px solid #333238;}*/<br />.subject {font-size:35px;font-weight:bold;font-family:"돋움", "Arial";color:#F90;text-shadow:#000 1px 1px 1px;}<br />.menu_line {margin:0px auto 0 auto;border-left:10px solid #e5e8ef;border-bottom:1px solid #dddddd;width:610px;height:30px;padding-left:5px;}<br />.menu_name {font-size:25px;color:#000;font-weight:bold;font-family:"돋움", "Arial";}<br />.info_ask {font-size:15px;color:666666;font-weight:bold;font-family:"돋움", "Arial";}<br />.info_re {font-size:15px;font-family:"돋움", "Arial";}<br />.dm-hit { text-align:center; font:bold; font-size:14px; color:#e95eee; }<br />img{border:none;}<br />.imgWrapTag img{width:180px; height:120px;border-radius:5px;}<br />/*<br />#go_menu{width:610;margin: 0px auto;padding:10 0 10 0;}<br />#go_menu ul{color:fff;}<br />#go_menu ul li {border-top:2px solid #F94C79;border-bottom:1px solid #ddd;display:inline;padding:10px;}<br />#go_menu ul li a {text-decoration:none;}<br />#go_menu ul li a:hover{text-decoration:none;border-top:2px solid #000;border-bottom:1px solid #ddd;padding:10px;}<br />#go_menu ul li a:active{text-decoration:none;}*/<br /></style><br /><script type="text/javascript"><br />$(function(){<br /> $('.imgWrapTag img').hover(function(){<br /> $(this).css('opacity', 0.7);<br /> },function(){<br /> $(this).css('opacity', 1);<br /> });<br />});<br /></script></div>
<div><style type="text/css"><br />img { max-width:100%; height:auto;} <br /></style></div>
<div><br /><!-- 고정 메뉴바 돈 무브--><br /><table width=<?=$width?> align="center" cellpadding="0" cellspacing="0" class=head2><br /><tr><td><br /> <table align="center" cellpadding="0" cellspacing="0" width=610px><br /> <tr><td><span class=subject>&nbsp;<?=$view[wr_subject]?></span><br /> </td></tr></table><br /></td></tr></table><br /><div style="height:10"></div><br /><!--Menu#1기본 페이지 시작--><br /><table align="center" cellpadding="0" cellspacing="0" class=menu_line ><br /><tr><td><span class=menu_name>업체 정보</span><br /></td></tr></table><br /><!--상세 페이지 끝--></div>
<div><!--<table align="center" cellpadding="0" cellspacing="0" class=menu_line><br /><tr><td><span class=menu_name>갤러리</span><br /></td></tr></table>--><br /><!--상세 페이지 끝--><br /><table align="center" cellpadding="0" cellspacing="0" width=<?=$width?> height="325" style="padding:5px 0 10px 0;"><br /><tr><br /> <br /> <? </div>
<div> <br /> <br /> // 파일 출력 <br /> $sql = "select * from $g4[board_file_table] where `bo_table`='$bo_table' and `wr_id`='$wr_id'"; <br /> $result=mysql_query($sql); <br /> <br /> for($i=0 ; $row = mysql_fetch_array($result) ; $i++){ <br /> if($i > 0){ <br /> $style= "style=\"display:none\""; <br /> } <br /> echo "<img src =$g4[path]/data/file/$bo_table/$row[bf_file] max-width=100<br /> height=325 border=0 id=img$i $style>"; <br /> <br /> //echo nl2br($view[file][$i][content]); // 파일내용 보이게 ,엔터키<br /> $thumimg[$i]="<img src =$g4[path]/data/file/$bo_table/$row[bf_file] width=60 height=40 border=0 id=ThumbImage$i onfocus=\"javascript:ThumbViewer(this)\" onmouseover=\"javascript:ThumbViewer(this)\">"; <br /> } <br /> <br /> ?> <br /> <br /> <br /> </td></div>
<div> <!--<td width="18" style="padding:0 10 0 10;"><div id="text1"></div></td>--><br /> <br /> <td height="40"><br /> <table cellpadding=3 cellspacing=0 border=0 align=left><br /> <tr> <br /> <? <br /> for ($i=0; $i<=9; $i++) {<br /> $content2[$i]=nl2br($view[file][$i][content]); // 파일내용 보이게 ,엔터키<br /> }<br /> ?><br /> <td><a href="#" onmouseover="javascript:change('<?=$content2[0]?>')" onmouseout="javascript:change('')"><?=$thumimg[0]?></a></td><br /> <td><a href="#" onmouseover="javascript:change('<?=$content2[1]?>')" onmouseout="javascript:change('')"><?=$thumimg[1]?></a></td><br /> <td><a href="#" onmouseover="javascript:change('<?=$content2[2]?>')" onmouseout="javascript:change('')"><?=$thumimg[2]?></a></td><br /> <td><a href="#" onmouseover="javascript:change('<?=$content2[3]?>')" onmouseout="javascript:change('')"><?=$thumimg[3]?></a></td><br /> <td><a href="#" onmouseover="javascript:change('<?=$content2[4]?>')" onmouseout="javascript:change('')"><?=$thumimg[4]?></a></td><br /> </tr><br /> <tr><br /> <td><a href="#" onmouseover="javascript:change('<?=$content2[5]?>')" onmouseout="javascript:change('')"><?=$thumimg[5]?></a></td><br /> <td><a href="#" onmouseover="javascript:change('<?=$content2[6]?>')" onmouseout="javascript:change('')"><?=$thumimg[6]?></a></td><br /> <td><a href="#" onmouseover="javascript:change('<?=$content2[7]?>')" onmouseout="javascript:change('')"><?=$thumimg[7]?></a></td><br /> <br /> <td><a href="#" onmouseover="javascript:change('<?=$content2[8]?>')" onmouseout="javascript:change('')"><?=$thumimg[8]?></a></td><br /> <td><a href="#" onmouseover="javascript:change('<?=$content2[9]?>')" onmouseout="javascript:change('')"><?=$thumimg[9]?></a></td><br /> </tr><br /> </table></td></tr></table><br /> <table><br /><!-- 이미지 끝 --><br /></div>
<div> </div>
<div> </div>
<div>.</div>
<div>.</div>
<div>.</div>
<div>.</div>
<div> </div>
<div> </div></div>
<div> </div>
<div> </div>
<div> </div>
<div> </div>
<div>
<div></div>
<div style="text-align: center"><img width="597" height="567" id="image_0.5714833630241507" alt="img1.jpg" src="//sir.kr/data/cheditor4/1404/39a8d757e3b6ec80fc18385afe8ba490_ousOPgwj5QmY5wNzQJN1nSKouV.jpg" /></div>
<div> </div>
<div> </div>
<div>--------------------------------------------------------------------------------------------------</div>
<div style="text-align: center"><img width="588" height="894" alt="2.jpg" src="//sir.kr/data/cheditor4/1404/39a8d757e3b6ec80fc18385afe8ba490_4bFtJGfmWEUFHJjzkOXDkEKoNJ7nk.jpg" /></div>
<div> </div>
<div></div>
<div>두가지 질문드립니다.</div>
<div> </div>
<div><strong></strong> </div>
<div><strong>1. 빨간색 네모칸을 보면 이미지가 없을시 아무것도 없는 공간으로 나와 보기 안좋습니다.</strong></div>
<div><strong> 만약 이미지가 없으면 이미지영역을 무시하고 그다음 내용이 위로 출력되게 하고싶습니다.</strong></div>
<div><strong> 또, 이미지가 출력된것도 작은이미지 위아래 공간이 너무 많이 벌어져있습니다.ㅠㅠ</strong></div>
<div><strong></strong> </div>
<div><strong>2. 파란색 네모칸 작은이미지들이 가로이미지는 일정하게 나오는데 세로이미지 넣으면 혼자서 세로로 길게</strong></div>
<div><strong> 나오는데, 그냥 다 똑같은 크기로 출력하고 싶습니다.</strong></div>
<div> </div>
<div> </div>
<div>아래는 view.skin.php 소스입니다.</div>
<div> </div>
<div><?<br />if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가 <br />$apikey=$board['bo_1'];<br />$map_width="610";<br />$map_height="330";<br />include_once("$board_skin_path/skin.lib.php");<br />if (!function_exists("imagecopyresampled")) alert("GD 2.0.1 이상 버전이 설치되어 있어야 사용할 수 있는 갤러리 게시판 입니다.");</div>
<div>$img_width = 110;<br />$img_height = 85;<br />$img_quality = 100;</div>
<div>if (!$img_width) alert("게시판 설정 : 여분 필드 1 에 목록에서 보여질 이미지의 폭을 설정하십시오. (픽셀 단위)");<br />if (!$img_height) alert("게시판 설정 : 여분 필드 2 에 목록에서 보여질 이미지의 높이를 설정하십시오. (픽셀 단위)");<br />if (!$img_quality) alert("게시판 설정 : 여분 필드 3 에 목록에서 보여질 이미지의 질(quality)을 비율로 설정하십시오. (100 이하)");<br />if (!function_exists("imagecopyresampled")) alert("GD 2.0.1 이상 버전이 설치되어 있어야 사용할 수 있는 갤러리 게시판 입니다.");</div>
<div>$data_path = $g4[path]."/data/file/$bo_table";<br />$thumb_path = $data_path.'/thumbs';</div>
<div>@mkdir($thumb_path, 0707);<br />@chmod($thumb_path, 0707);<br />$imgPath="$g4[path]/data/file/$bo_table";<br />?> </div>
<div> </div>
<div><script> <br />//Table Size 조정 <br />/*<br />function ImageResizing(objFrame) { <br />if (!objFrame) return; </div>
<div>//height 조정 <br />var conversionSize = 380; <br />var orgWidth = objFrame.width; <br />var orgHeight = objFrame.height; </div>
<div>if (( orgWidth > conversionSize) || (orgHeight > conversionSize)){ <br />if (orgWidth > orgHeight){ <br />newWidth = conversionSize; <br />newHeight = Math.round((conversionSize * orgHeight)/orgWidth); <br />}else{ <br />newWidth = Math.round((conversionSize * orgWidth)/orgHeight); <br />newHeight = conversionSize; <br />} </div>
<div>objFrame.width = newWidth; <br />objFrame.height = newHeight; <br />} <br />} <br />*/<br />function ThumbViewer(ImageObj){ </div>
<div>// if (ImageObj.src == "<a href="http://pics.auction.co.kr/buy/itempage/no_image_thumb.gif">http://pics.auction.co.kr/buy/itempage/no_image_thumb.gif</a>") return; <br />/*<br />ThumbImage0.style.border = "silver 1px solid"; <br />ThumbImage1.style.border = "silver 1px solid"; <br />ThumbImage2.style.border = "silver 1px solid"; <br />ThumbImage3.style.border = "silver 1px solid"; <br />ThumbImage4.style.border = "silver 1px solid"; <br />ThumbImage5.style.border = "silver 1px solid"; <br />ThumbImage6.style.border = "silver 1px solid"; <br />ThumbImage7.style.border = "silver 1px solid"; <br />ThumbImage8.style.border = "silver 1px solid"; <br />ThumbImage9.style.border = "silver 1px solid"; </div>
<div>if (ThumbImage0 == ImageObj) ThumbImage0.style.border = "#333333 1px solid"; <br />if (ThumbImage1 == ImageObj) ThumbImage1.style.border = "#333333 1px solid"; <br />if (ThumbImage2 == ImageObj) ThumbImage2.style.border = "#333333 1px solid"; <br />if (ThumbImage3 == ImageObj) ThumbImage3.style.border = "#333333 1px solid"; <br />if (ThumbImage4 == ImageObj) ThumbImage4.style.border = "#333333 1px solid"; <br />if (ThumbImage5 == ImageObj) ThumbImage5.style.border = "#333333 1px solid"; <br />if (ThumbImage6 == ImageObj) ThumbImage6.style.border = "#333333 1px solid"; <br />if (ThumbImage7 == ImageObj) ThumbImage7.style.border = "#333333 1px solid"; <br />if (ThumbImage8 == ImageObj) ThumbImage8.style.border = "#333333 1px solid"; <br />if (ThumbImage9 == ImageObj) ThumbImage9.style.border = "#333333 1px solid"; <br />*/<br />if (ThumbImage0 == ImageObj){ <br />img0.style.display = ""; <br />img1.style.display = "none"; <br />img2.style.display = "none"; <br />img3.style.display = "none"; <br />img4.style.display = "none"; <br />img5.style.display = "none"; <br />img6.style.display = "none"; <br />img7.style.display = "none"; <br />img8.style.display = "none"; <br />img9.style.display = "none"; <br />//ImageResizing(img0); <br />} <br />else if (ThumbImage1 == ImageObj){ <br />img0.style.display = "none"; <br />img1.style.display = ""; <br />img2.style.display = "none"; <br />img3.style.display = "none"; <br />img4.style.display = "none"; <br />img5.style.display = "none"; <br />img6.style.display = "none"; <br />img7.style.display = "none"; <br />img8.style.display = "none"; <br />img9.style.display = "none"; <br />//ImageResizing(img1); <br />} <br />else if (ThumbImage2 == ImageObj){ <br />img0.style.display = "none"; <br />img1.style.display = "none"; <br />img2.style.display = ""; <br />img3.style.display = "none"; <br />img4.style.display = "none"; <br />img5.style.display = "none"; <br />img6.style.display = "none"; <br />img7.style.display = "none"; <br />img8.style.display = "none"; <br />img9.style.display = "none"; <br />//ImageResizing(img2); <br />} <br />else if (ThumbImage3 == ImageObj){ <br />img0.style.display = "none"; <br />img1.style.display = "none"; <br />img2.style.display = "none"; <br />img3.style.display = ""; <br />img4.style.display = "none"; <br />img5.style.display = "none"; <br />img6.style.display = "none"; <br />img7.style.display = "none"; <br />img8.style.display = "none"; <br />img9.style.display = "none"; <br />//ImageResizing(img3); <br />} <br />else if (ThumbImage4 == ImageObj){ <br />img0.style.display = "none"; <br />img1.style.display = "none"; <br />img2.style.display = "none"; <br />img3.style.display = "none"; <br />img4.style.display = ""; <br />img5.style.display = "none"; <br />img6.style.display = "none"; <br />img7.style.display = "none"; <br />img8.style.display = "none"; <br />img9.style.display = "none"; <br />//ImageResizing(img4); <br />} <br />else if (ThumbImage5 == ImageObj){ <br />img0.style.display = "none"; <br />img1.style.display = "none"; <br />img2.style.display = "none"; <br />img3.style.display = "none"; <br />img4.style.display = "none"; <br />img5.style.display = ""; <br />img6.style.display = "none"; <br />img7.style.display = "none"; <br />img8.style.display = "none"; <br />img9.style.display = "none"; <br />//ImageResizing(img5); <br />}<br />else if (ThumbImage6 == ImageObj){ <br />img0.style.display = "none"; <br />img1.style.display = "none"; <br />img2.style.display = "none"; <br />img3.style.display = "none"; <br />img4.style.display = "none"; <br />img5.style.display = "none"; <br />img6.style.display = ""; <br />img7.style.display = "none"; <br />img8.style.display = "none"; <br />img9.style.display = "none"; <br />//ImageResizing(img6); <br />}<br />else if (ThumbImage7 == ImageObj){ <br />img0.style.display = "none"; <br />img1.style.display = "none"; <br />img2.style.display = "none"; <br />img3.style.display = "none"; <br />img4.style.display = "none"; <br />img5.style.display = "none"; <br />img6.style.display = "none"; <br />img7.style.display = ""; <br />img8.style.display = "none"; <br />img9.style.display = "none"; <br />//ImageResizing(img7); <br />} <br />else if (ThumbImage8 == ImageObj){ <br />img0.style.display = "none"; <br />img1.style.display = "none"; <br />img2.style.display = "none"; <br />img3.style.display = "none"; <br />img4.style.display = "none"; <br />img5.style.display = "none"; <br />img6.style.display = "none"; <br />img7.style.display = "none"; <br />img8.style.display = ""; <br />img9.style.display = "none"; <br />//ImageResizing(img8); <br />} <br />else if (ThumbImage9 == ImageObj){ <br />img0.style.display = "none"; <br />img1.style.display = "none"; <br />img2.style.display = "none"; <br />img3.style.display = "none"; <br />img4.style.display = "none"; <br />img5.style.display = "none"; <br />img6.style.display = "none"; <br />img7.style.display = "none"; <br />img8.style.display = "none"; <br />img9.style.display = ""; <br />//ImageResizing(img9); <br />}<br />else { <br />img0.style.display = ""; <br />img1.style.display = "none"; <br />img2.style.display = "none"; <br />img3.style.display = "none"; <br />img4.style.display = "none"; <br />img5.style.display = "none"; <br />img6.style.display = "none"; <br />img7.style.display = "none"; <br />img8.style.display = "none"; <br />img9.style.display = "none"; <br />//ImageResizing(img0); <br />} <br />} <br /></script> <br /><script language="JavaScript"><br /><!--<br />function change(html){<br /> text1.innerHTML=html<br />}<br />//--><br /></script></div>
<div><br /><style type="text/css"><br />.write_head { height:30px; text-align:center; color:#8492A0; }<br />.field { border:1px solid #ccc; }<br />#map_bg {<br /> width: <?=$map_width?>;<br /> margin: 0 5px 0 0;<br /> border: 3px solid #f1f1f1;<br /> }<br />#map_map {<br /> border: 2px solid #dedede;<br />}<br /></style><br /><meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=medium-dpi'><br /><!-- Re 게시글 보기 시작 --><br /><style><br />.head {/*position:fixed;vertical-align: top; top: 0;*/}<br />.head1 {height:40px;background-color:#FFF;border-bottom:1px solid #eaeaea;}<br />.head2 {height:50px;background-color:#e5e8ef;border-top:1px solid #fff;border-bottom:1px solid #eaeaea;border-radius:5px;}<br />/*.head3 {height:40px;background-color:#404352;border-bottom:1px solid #333238;}*/<br />.subject {font-size:35px;font-weight:bold;font-family:"돋움", "Arial";color:#F90;text-shadow:#000 1px 1px 1px;}<br />.menu_line {margin:0px auto 0 auto;border-left:10px solid #e5e8ef;border-bottom:1px solid #dddddd;width:610px;height:30px;padding-left:5px;}<br />.menu_name {font-size:25px;color:#000;font-weight:bold;font-family:"돋움", "Arial";}<br />.info_ask {font-size:15px;color:666666;font-weight:bold;font-family:"돋움", "Arial";}<br />.info_re {font-size:15px;font-family:"돋움", "Arial";}<br />.dm-hit { text-align:center; font:bold; font-size:14px; color:#e95eee; }<br />img{border:none;}<br />.imgWrapTag img{width:180px; height:120px;border-radius:5px;}<br />/*<br />#go_menu{width:610;margin: 0px auto;padding:10 0 10 0;}<br />#go_menu ul{color:fff;}<br />#go_menu ul li {border-top:2px solid #F94C79;border-bottom:1px solid #ddd;display:inline;padding:10px;}<br />#go_menu ul li a {text-decoration:none;}<br />#go_menu ul li a:hover{text-decoration:none;border-top:2px solid #000;border-bottom:1px solid #ddd;padding:10px;}<br />#go_menu ul li a:active{text-decoration:none;}*/<br /></style><br /><script type="text/javascript"><br />$(function(){<br /> $('.imgWrapTag img').hover(function(){<br /> $(this).css('opacity', 0.7);<br /> },function(){<br /> $(this).css('opacity', 1);<br /> });<br />});<br /></script></div>
<div><style type="text/css"><br />img { max-width:100%; height:auto;} <br /></style></div>
<div><br /><!-- 고정 메뉴바 돈 무브--><br /><table width=<?=$width?> align="center" cellpadding="0" cellspacing="0" class=head2><br /><tr><td><br /> <table align="center" cellpadding="0" cellspacing="0" width=610px><br /> <tr><td><span class=subject>&nbsp;<?=$view[wr_subject]?></span><br /> </td></tr></table><br /></td></tr></table><br /><div style="height:10"></div><br /><!--Menu#1기본 페이지 시작--><br /><table align="center" cellpadding="0" cellspacing="0" class=menu_line ><br /><tr><td><span class=menu_name>업체 정보</span><br /></td></tr></table><br /><!--상세 페이지 끝--></div>
<div><!--<table align="center" cellpadding="0" cellspacing="0" class=menu_line><br /><tr><td><span class=menu_name>갤러리</span><br /></td></tr></table>--><br /><!--상세 페이지 끝--><br /><table align="center" cellpadding="0" cellspacing="0" width=<?=$width?> height="325" style="padding:5px 0 10px 0;"><br /><tr><br /> <br /> <? </div>
<div> <br /> <br /> // 파일 출력 <br /> $sql = "select * from $g4[board_file_table] where `bo_table`='$bo_table' and `wr_id`='$wr_id'"; <br /> $result=mysql_query($sql); <br /> <br /> for($i=0 ; $row = mysql_fetch_array($result) ; $i++){ <br /> if($i > 0){ <br /> $style= "style=\"display:none\""; <br /> } <br /> echo "<img src =$g4[path]/data/file/$bo_table/$row[bf_file] max-width=100<br /> height=325 border=0 id=img$i $style>"; <br /> <br /> //echo nl2br($view[file][$i][content]); // 파일내용 보이게 ,엔터키<br /> $thumimg[$i]="<img src =$g4[path]/data/file/$bo_table/$row[bf_file] width=60 height=40 border=0 id=ThumbImage$i onfocus=\"javascript:ThumbViewer(this)\" onmouseover=\"javascript:ThumbViewer(this)\">"; <br /> } <br /> <br /> ?> <br /> <br /> <br /> </td></div>
<div> <!--<td width="18" style="padding:0 10 0 10;"><div id="text1"></div></td>--><br /> <br /> <td height="40"><br /> <table cellpadding=3 cellspacing=0 border=0 align=left><br /> <tr> <br /> <? <br /> for ($i=0; $i<=9; $i++) {<br /> $content2[$i]=nl2br($view[file][$i][content]); // 파일내용 보이게 ,엔터키<br /> }<br /> ?><br /> <td><a href="#" onmouseover="javascript:change('<?=$content2[0]?>')" onmouseout="javascript:change('')"><?=$thumimg[0]?></a></td><br /> <td><a href="#" onmouseover="javascript:change('<?=$content2[1]?>')" onmouseout="javascript:change('')"><?=$thumimg[1]?></a></td><br /> <td><a href="#" onmouseover="javascript:change('<?=$content2[2]?>')" onmouseout="javascript:change('')"><?=$thumimg[2]?></a></td><br /> <td><a href="#" onmouseover="javascript:change('<?=$content2[3]?>')" onmouseout="javascript:change('')"><?=$thumimg[3]?></a></td><br /> <td><a href="#" onmouseover="javascript:change('<?=$content2[4]?>')" onmouseout="javascript:change('')"><?=$thumimg[4]?></a></td><br /> </tr><br /> <tr><br /> <td><a href="#" onmouseover="javascript:change('<?=$content2[5]?>')" onmouseout="javascript:change('')"><?=$thumimg[5]?></a></td><br /> <td><a href="#" onmouseover="javascript:change('<?=$content2[6]?>')" onmouseout="javascript:change('')"><?=$thumimg[6]?></a></td><br /> <td><a href="#" onmouseover="javascript:change('<?=$content2[7]?>')" onmouseout="javascript:change('')"><?=$thumimg[7]?></a></td><br /> <br /> <td><a href="#" onmouseover="javascript:change('<?=$content2[8]?>')" onmouseout="javascript:change('')"><?=$thumimg[8]?></a></td><br /> <td><a href="#" onmouseover="javascript:change('<?=$content2[9]?>')" onmouseout="javascript:change('')"><?=$thumimg[9]?></a></td><br /> </tr><br /> </table></td></tr></table><br /> <table><br /><!-- 이미지 끝 --><br /></div>
<div> </div>
<div> </div>
<div>.</div>
<div>.</div>
<div>.</div>
<div>.</div>
<div> </div>
<div> </div></div>
답변을 작성하시기 전에 로그인 해주세요.