첨부이미지가 없을시 공간을 무시하고 출력하는 방법문의 채택완료
퇴근후밥상
11년 전
조회 6,613
<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><?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
$apikey=$board['bo_1'];
$map_width="610";
$map_height="330";
include_once("$board_skin_path/skin.lib.php");
if (!function_exists("imagecopyresampled")) alert("GD 2.0.1 이상 버전이 설치되어 있어야 사용할 수 있는 갤러리 게시판 입니다.");</div>
<div>$img_width = 110;
$img_height = 85;
$img_quality = 100;</div>
<div>if (!$img_width) alert("게시판 설정 : 여분 필드 1 에 목록에서 보여질 이미지의 폭을 설정하십시오. (픽셀 단위)");
if (!$img_height) alert("게시판 설정 : 여분 필드 2 에 목록에서 보여질 이미지의 높이를 설정하십시오. (픽셀 단위)");
if (!$img_quality) alert("게시판 설정 : 여분 필드 3 에 목록에서 보여질 이미지의 질(quality)을 비율로 설정하십시오. (100 이하)");
if (!function_exists("imagecopyresampled")) alert("GD 2.0.1 이상 버전이 설치되어 있어야 사용할 수 있는 갤러리 게시판 입니다.");</div>
<div>$data_path = $g4[path]."/data/file/$bo_table";
$thumb_path = $data_path.'/thumbs';</div>
<div>@mkdir($thumb_path, 0707);
@chmod($thumb_path, 0707);
$imgPath="$g4[path]/data/file/$bo_table";
?> </div>
<div> </div>
<div><script>
//Table Size 조정
/*
function ImageResizing(objFrame) {
if (!objFrame) return; </div>
<div>//height 조정
var conversionSize = 380;
var orgWidth = objFrame.width;
var orgHeight = objFrame.height; </div>
<div>if (( orgWidth > conversionSize) || (orgHeight > conversionSize)){
if (orgWidth > orgHeight){
newWidth = conversionSize;
newHeight = Math.round((conversionSize * orgHeight)/orgWidth);
}else{
newWidth = Math.round((conversionSize * orgWidth)/orgHeight);
newHeight = conversionSize;
} </div>
<div>objFrame.width = newWidth;
objFrame.height = newHeight;
}
}
*/
function ThumbViewer(ImageObj){ </div>
<div>// if (ImageObj.src == "<a href="<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>")" target="_blank" rel="noopener noreferrer">http://pics.auction.co.kr/buy/itempage/no_image_thumb.gif">http://pics.auction.co.kr/buy/itempage/no_image_thumb.gif</a>")</a> return;
/*
ThumbImage0.style.border = "silver 1px solid";
ThumbImage1.style.border = "silver 1px solid";
ThumbImage2.style.border = "silver 1px solid";
ThumbImage3.style.border = "silver 1px solid";
ThumbImage4.style.border = "silver 1px solid";
ThumbImage5.style.border = "silver 1px solid";
ThumbImage6.style.border = "silver 1px solid";
ThumbImage7.style.border = "silver 1px solid";
ThumbImage8.style.border = "silver 1px solid";
ThumbImage9.style.border = "silver 1px solid"; </div>
<div>if (ThumbImage0 == ImageObj) ThumbImage0.style.border = "#333333 1px solid";
if (ThumbImage1 == ImageObj) ThumbImage1.style.border = "#333333 1px solid";
if (ThumbImage2 == ImageObj) ThumbImage2.style.border = "#333333 1px solid";
if (ThumbImage3 == ImageObj) ThumbImage3.style.border = "#333333 1px solid";
if (ThumbImage4 == ImageObj) ThumbImage4.style.border = "#333333 1px solid";
if (ThumbImage5 == ImageObj) ThumbImage5.style.border = "#333333 1px solid";
if (ThumbImage6 == ImageObj) ThumbImage6.style.border = "#333333 1px solid";
if (ThumbImage7 == ImageObj) ThumbImage7.style.border = "#333333 1px solid";
if (ThumbImage8 == ImageObj) ThumbImage8.style.border = "#333333 1px solid";
if (ThumbImage9 == ImageObj) ThumbImage9.style.border = "#333333 1px solid";
*/
if (ThumbImage0 == ImageObj){
img0.style.display = "";
img1.style.display = "none";
img2.style.display = "none";
img3.style.display = "none";
img4.style.display = "none";
img5.style.display = "none";
img6.style.display = "none";
img7.style.display = "none";
img8.style.display = "none";
img9.style.display = "none";
//ImageResizing(img0);
}
else if (ThumbImage1 == ImageObj){
img0.style.display = "none";
img1.style.display = "";
img2.style.display = "none";
img3.style.display = "none";
img4.style.display = "none";
img5.style.display = "none";
img6.style.display = "none";
img7.style.display = "none";
img8.style.display = "none";
img9.style.display = "none";
//ImageResizing(img1);
}
else if (ThumbImage2 == ImageObj){
img0.style.display = "none";
img1.style.display = "none";
img2.style.display = "";
img3.style.display = "none";
img4.style.display = "none";
img5.style.display = "none";
img6.style.display = "none";
img7.style.display = "none";
img8.style.display = "none";
img9.style.display = "none";
//ImageResizing(img2);
}
else if (ThumbImage3 == ImageObj){
img0.style.display = "none";
img1.style.display = "none";
img2.style.display = "none";
img3.style.display = "";
img4.style.display = "none";
img5.style.display = "none";
img6.style.display = "none";
img7.style.display = "none";
img8.style.display = "none";
img9.style.display = "none";
//ImageResizing(img3);
}
else if (ThumbImage4 == ImageObj){
img0.style.display = "none";
img1.style.display = "none";
img2.style.display = "none";
img3.style.display = "none";
img4.style.display = "";
img5.style.display = "none";
img6.style.display = "none";
img7.style.display = "none";
img8.style.display = "none";
img9.style.display = "none";
//ImageResizing(img4);
}
else if (ThumbImage5 == ImageObj){
img0.style.display = "none";
img1.style.display = "none";
img2.style.display = "none";
img3.style.display = "none";
img4.style.display = "none";
img5.style.display = "";
img6.style.display = "none";
img7.style.display = "none";
img8.style.display = "none";
img9.style.display = "none";
//ImageResizing(img5);
}
else if (ThumbImage6 == ImageObj){
img0.style.display = "none";
img1.style.display = "none";
img2.style.display = "none";
img3.style.display = "none";
img4.style.display = "none";
img5.style.display = "none";
img6.style.display = "";
img7.style.display = "none";
img8.style.display = "none";
img9.style.display = "none";
//ImageResizing(img6);
}
else if (ThumbImage7 == ImageObj){
img0.style.display = "none";
img1.style.display = "none";
img2.style.display = "none";
img3.style.display = "none";
img4.style.display = "none";
img5.style.display = "none";
img6.style.display = "none";
img7.style.display = "";
img8.style.display = "none";
img9.style.display = "none";
//ImageResizing(img7);
}
else if (ThumbImage8 == ImageObj){
img0.style.display = "none";
img1.style.display = "none";
img2.style.display = "none";
img3.style.display = "none";
img4.style.display = "none";
img5.style.display = "none";
img6.style.display = "none";
img7.style.display = "none";
img8.style.display = "";
img9.style.display = "none";
//ImageResizing(img8);
}
else if (ThumbImage9 == ImageObj){
img0.style.display = "none";
img1.style.display = "none";
img2.style.display = "none";
img3.style.display = "none";
img4.style.display = "none";
img5.style.display = "none";
img6.style.display = "none";
img7.style.display = "none";
img8.style.display = "none";
img9.style.display = "";
//ImageResizing(img9);
}
else {
img0.style.display = "";
img1.style.display = "none";
img2.style.display = "none";
img3.style.display = "none";
img4.style.display = "none";
img5.style.display = "none";
img6.style.display = "none";
img7.style.display = "none";
img8.style.display = "none";
img9.style.display = "none";
//ImageResizing(img0);
}
}
</script>
<script language="JavaScript">
<!--
function change(html){
text1.innerHTML=html
}
//-->
</script></div>
<div>
<style type="text/css">
.write_head { height:30px; text-align:center; color:#8492A0; }
.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>
<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'>
<!-- Re 게시글 보기 시작 -->
<style>
.head {/*position:fixed;vertical-align: top; top: 0;*/}
.head1 {height:40px;background-color:#FFF;border-bottom:1px solid #eaeaea;}
.head2 {height:50px;background-color:#e5e8ef;border-top:1px solid #fff;border-bottom:1px solid #eaeaea;border-radius:5px;}
/*.head3 {height:40px;background-color:#404352;border-bottom:1px solid #333238;}*/
.subject {font-size:35px;font-weight:bold;font-family:"돋움", "Arial";color:#F90;text-shadow:#000 1px 1px 1px;}
.menu_line {margin:0px auto 0 auto;border-left:10px solid #e5e8ef;border-bottom:1px solid #dddddd;width:610px;height:30px;padding-left:5px;}
.menu_name {font-size:25px;color:#000;font-weight:bold;font-family:"돋움", "Arial";}
.info_ask {font-size:15px;color:666666;font-weight:bold;font-family:"돋움", "Arial";}
.info_re {font-size:15px;font-family:"돋움", "Arial";}
.dm-hit { text-align:center; font:bold; font-size:14px; color:#e95eee; }
img{border:none;}
.imgWrapTag img{width:180px; height:120px;border-radius:5px;}
/*
#go_menu{width:610;margin: 0px auto;padding:10 0 10 0;}
#go_menu ul{color:fff;}
#go_menu ul li {border-top:2px solid #F94C79;border-bottom:1px solid #ddd;display:inline;padding:10px;}
#go_menu ul li a {text-decoration:none;}
#go_menu ul li a:hover{text-decoration:none;border-top:2px solid #000;border-bottom:1px solid #ddd;padding:10px;}
#go_menu ul li a:active{text-decoration:none;}*/
</style>
<script type="text/javascript">
$(function(){
$('.imgWrapTag img').hover(function(){
$(this).css('opacity', 0.7);
},function(){
$(this).css('opacity', 1);
});
});
</script></div>
<div><style type="text/css">
img { max-width:100%; height:auto;}
</style></div>
<div>
<!-- 고정 메뉴바 돈 무브-->
<table width=<?=$width?> align="center" cellpadding="0" cellspacing="0" class=head2>
<tr><td>
<table align="center" cellpadding="0" cellspacing="0" width=610px>
<tr><td><span class=subject> <?=$view[wr_subject]?></span>
</td></tr></table>
</td></tr></table>
<div style="height:10"></div>
<!--Menu#1기본 페이지 시작-->
<table align="center" cellpadding="0" cellspacing="0" class=menu_line >
<tr><td><span class=menu_name>업체 정보</span>
</td></tr></table>
<!--상세 페이지 끝--></div>
<div><!--<table align="center" cellpadding="0" cellspacing="0" class=menu_line>
<tr><td><span class=menu_name>갤러리</span>
</td></tr></table>-->
<!--상세 페이지 끝-->
<table align="center" cellpadding="0" cellspacing="0" width=<?=$width?> height="325" style="padding:5px 0 10px 0;">
<tr>
<? </div>
<div>
// 파일 출력
$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++){
if($i > 0){
$style= "style=\"display:none\"";
}
echo "<img src =$g4[path]/data/file/$bo_table/$row[bf_file] max-width=100
height=325 border=0 id=img$i $style>";
//echo nl2br($view[file][$i][content]); // 파일내용 보이게 ,엔터키
$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)\">";
}
?>
</td></div>
<div> <!--<td width="18" style="padding:0 10 0 10;"><div id="text1"></div></td>-->
<td height="40">
<table cellpadding=3 cellspacing=0 border=0 align=left>
<tr>
<?
for ($i=0; $i<=9; $i++) {
$content2[$i]=nl2br($view[file][$i][content]); // 파일내용 보이게 ,엔터키
}
?>
<td><a href="#" onmouseover="javascript:change('<?=$content2[0]?>')" onmouseout="javascript:change('')"><?=$thumimg[0]?></a></td>
<td><a href="#" onmouseover="javascript:change('<?=$content2[1]?>')" onmouseout="javascript:change('')"><?=$thumimg[1]?></a></td>
<td><a href="#" onmouseover="javascript:change('<?=$content2[2]?>')" onmouseout="javascript:change('')"><?=$thumimg[2]?></a></td>
<td><a href="#" onmouseover="javascript:change('<?=$content2[3]?>')" onmouseout="javascript:change('')"><?=$thumimg[3]?></a></td>
<td><a href="#" onmouseover="javascript:change('<?=$content2[4]?>')" onmouseout="javascript:change('')"><?=$thumimg[4]?></a></td>
</tr>
<tr>
<td><a href="#" onmouseover="javascript:change('<?=$content2[5]?>')" onmouseout="javascript:change('')"><?=$thumimg[5]?></a></td>
<td><a href="#" onmouseover="javascript:change('<?=$content2[6]?>')" onmouseout="javascript:change('')"><?=$thumimg[6]?></a></td>
<td><a href="#" onmouseover="javascript:change('<?=$content2[7]?>')" onmouseout="javascript:change('')"><?=$thumimg[7]?></a></td>
<td><a href="#" onmouseover="javascript:change('<?=$content2[8]?>')" onmouseout="javascript:change('')"><?=$thumimg[8]?></a></td>
<td><a href="#" onmouseover="javascript:change('<?=$content2[9]?>')" onmouseout="javascript:change('')"><?=$thumimg[9]?></a></td>
</tr>
</table></td></tr></table>
<table>
<!-- 이미지 끝 -->
</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><?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
$apikey=$board['bo_1'];
$map_width="610";
$map_height="330";
include_once("$board_skin_path/skin.lib.php");
if (!function_exists("imagecopyresampled")) alert("GD 2.0.1 이상 버전이 설치되어 있어야 사용할 수 있는 갤러리 게시판 입니다.");</div>
<div>$img_width = 110;
$img_height = 85;
$img_quality = 100;</div>
<div>if (!$img_width) alert("게시판 설정 : 여분 필드 1 에 목록에서 보여질 이미지의 폭을 설정하십시오. (픽셀 단위)");
if (!$img_height) alert("게시판 설정 : 여분 필드 2 에 목록에서 보여질 이미지의 높이를 설정하십시오. (픽셀 단위)");
if (!$img_quality) alert("게시판 설정 : 여분 필드 3 에 목록에서 보여질 이미지의 질(quality)을 비율로 설정하십시오. (100 이하)");
if (!function_exists("imagecopyresampled")) alert("GD 2.0.1 이상 버전이 설치되어 있어야 사용할 수 있는 갤러리 게시판 입니다.");</div>
<div>$data_path = $g4[path]."/data/file/$bo_table";
$thumb_path = $data_path.'/thumbs';</div>
<div>@mkdir($thumb_path, 0707);
@chmod($thumb_path, 0707);
$imgPath="$g4[path]/data/file/$bo_table";
?> </div>
<div> </div>
<div><script>
//Table Size 조정
/*
function ImageResizing(objFrame) {
if (!objFrame) return; </div>
<div>//height 조정
var conversionSize = 380;
var orgWidth = objFrame.width;
var orgHeight = objFrame.height; </div>
<div>if (( orgWidth > conversionSize) || (orgHeight > conversionSize)){
if (orgWidth > orgHeight){
newWidth = conversionSize;
newHeight = Math.round((conversionSize * orgHeight)/orgWidth);
}else{
newWidth = Math.round((conversionSize * orgWidth)/orgHeight);
newHeight = conversionSize;
} </div>
<div>objFrame.width = newWidth;
objFrame.height = newHeight;
}
}
*/
function ThumbViewer(ImageObj){ </div>
<div>// if (ImageObj.src == "<a href="<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>")" target="_blank" rel="noopener noreferrer">http://pics.auction.co.kr/buy/itempage/no_image_thumb.gif">http://pics.auction.co.kr/buy/itempage/no_image_thumb.gif</a>")</a> return;
/*
ThumbImage0.style.border = "silver 1px solid";
ThumbImage1.style.border = "silver 1px solid";
ThumbImage2.style.border = "silver 1px solid";
ThumbImage3.style.border = "silver 1px solid";
ThumbImage4.style.border = "silver 1px solid";
ThumbImage5.style.border = "silver 1px solid";
ThumbImage6.style.border = "silver 1px solid";
ThumbImage7.style.border = "silver 1px solid";
ThumbImage8.style.border = "silver 1px solid";
ThumbImage9.style.border = "silver 1px solid"; </div>
<div>if (ThumbImage0 == ImageObj) ThumbImage0.style.border = "#333333 1px solid";
if (ThumbImage1 == ImageObj) ThumbImage1.style.border = "#333333 1px solid";
if (ThumbImage2 == ImageObj) ThumbImage2.style.border = "#333333 1px solid";
if (ThumbImage3 == ImageObj) ThumbImage3.style.border = "#333333 1px solid";
if (ThumbImage4 == ImageObj) ThumbImage4.style.border = "#333333 1px solid";
if (ThumbImage5 == ImageObj) ThumbImage5.style.border = "#333333 1px solid";
if (ThumbImage6 == ImageObj) ThumbImage6.style.border = "#333333 1px solid";
if (ThumbImage7 == ImageObj) ThumbImage7.style.border = "#333333 1px solid";
if (ThumbImage8 == ImageObj) ThumbImage8.style.border = "#333333 1px solid";
if (ThumbImage9 == ImageObj) ThumbImage9.style.border = "#333333 1px solid";
*/
if (ThumbImage0 == ImageObj){
img0.style.display = "";
img1.style.display = "none";
img2.style.display = "none";
img3.style.display = "none";
img4.style.display = "none";
img5.style.display = "none";
img6.style.display = "none";
img7.style.display = "none";
img8.style.display = "none";
img9.style.display = "none";
//ImageResizing(img0);
}
else if (ThumbImage1 == ImageObj){
img0.style.display = "none";
img1.style.display = "";
img2.style.display = "none";
img3.style.display = "none";
img4.style.display = "none";
img5.style.display = "none";
img6.style.display = "none";
img7.style.display = "none";
img8.style.display = "none";
img9.style.display = "none";
//ImageResizing(img1);
}
else if (ThumbImage2 == ImageObj){
img0.style.display = "none";
img1.style.display = "none";
img2.style.display = "";
img3.style.display = "none";
img4.style.display = "none";
img5.style.display = "none";
img6.style.display = "none";
img7.style.display = "none";
img8.style.display = "none";
img9.style.display = "none";
//ImageResizing(img2);
}
else if (ThumbImage3 == ImageObj){
img0.style.display = "none";
img1.style.display = "none";
img2.style.display = "none";
img3.style.display = "";
img4.style.display = "none";
img5.style.display = "none";
img6.style.display = "none";
img7.style.display = "none";
img8.style.display = "none";
img9.style.display = "none";
//ImageResizing(img3);
}
else if (ThumbImage4 == ImageObj){
img0.style.display = "none";
img1.style.display = "none";
img2.style.display = "none";
img3.style.display = "none";
img4.style.display = "";
img5.style.display = "none";
img6.style.display = "none";
img7.style.display = "none";
img8.style.display = "none";
img9.style.display = "none";
//ImageResizing(img4);
}
else if (ThumbImage5 == ImageObj){
img0.style.display = "none";
img1.style.display = "none";
img2.style.display = "none";
img3.style.display = "none";
img4.style.display = "none";
img5.style.display = "";
img6.style.display = "none";
img7.style.display = "none";
img8.style.display = "none";
img9.style.display = "none";
//ImageResizing(img5);
}
else if (ThumbImage6 == ImageObj){
img0.style.display = "none";
img1.style.display = "none";
img2.style.display = "none";
img3.style.display = "none";
img4.style.display = "none";
img5.style.display = "none";
img6.style.display = "";
img7.style.display = "none";
img8.style.display = "none";
img9.style.display = "none";
//ImageResizing(img6);
}
else if (ThumbImage7 == ImageObj){
img0.style.display = "none";
img1.style.display = "none";
img2.style.display = "none";
img3.style.display = "none";
img4.style.display = "none";
img5.style.display = "none";
img6.style.display = "none";
img7.style.display = "";
img8.style.display = "none";
img9.style.display = "none";
//ImageResizing(img7);
}
else if (ThumbImage8 == ImageObj){
img0.style.display = "none";
img1.style.display = "none";
img2.style.display = "none";
img3.style.display = "none";
img4.style.display = "none";
img5.style.display = "none";
img6.style.display = "none";
img7.style.display = "none";
img8.style.display = "";
img9.style.display = "none";
//ImageResizing(img8);
}
else if (ThumbImage9 == ImageObj){
img0.style.display = "none";
img1.style.display = "none";
img2.style.display = "none";
img3.style.display = "none";
img4.style.display = "none";
img5.style.display = "none";
img6.style.display = "none";
img7.style.display = "none";
img8.style.display = "none";
img9.style.display = "";
//ImageResizing(img9);
}
else {
img0.style.display = "";
img1.style.display = "none";
img2.style.display = "none";
img3.style.display = "none";
img4.style.display = "none";
img5.style.display = "none";
img6.style.display = "none";
img7.style.display = "none";
img8.style.display = "none";
img9.style.display = "none";
//ImageResizing(img0);
}
}
</script>
<script language="JavaScript">
<!--
function change(html){
text1.innerHTML=html
}
//-->
</script></div>
<div>
<style type="text/css">
.write_head { height:30px; text-align:center; color:#8492A0; }
.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>
<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'>
<!-- Re 게시글 보기 시작 -->
<style>
.head {/*position:fixed;vertical-align: top; top: 0;*/}
.head1 {height:40px;background-color:#FFF;border-bottom:1px solid #eaeaea;}
.head2 {height:50px;background-color:#e5e8ef;border-top:1px solid #fff;border-bottom:1px solid #eaeaea;border-radius:5px;}
/*.head3 {height:40px;background-color:#404352;border-bottom:1px solid #333238;}*/
.subject {font-size:35px;font-weight:bold;font-family:"돋움", "Arial";color:#F90;text-shadow:#000 1px 1px 1px;}
.menu_line {margin:0px auto 0 auto;border-left:10px solid #e5e8ef;border-bottom:1px solid #dddddd;width:610px;height:30px;padding-left:5px;}
.menu_name {font-size:25px;color:#000;font-weight:bold;font-family:"돋움", "Arial";}
.info_ask {font-size:15px;color:666666;font-weight:bold;font-family:"돋움", "Arial";}
.info_re {font-size:15px;font-family:"돋움", "Arial";}
.dm-hit { text-align:center; font:bold; font-size:14px; color:#e95eee; }
img{border:none;}
.imgWrapTag img{width:180px; height:120px;border-radius:5px;}
/*
#go_menu{width:610;margin: 0px auto;padding:10 0 10 0;}
#go_menu ul{color:fff;}
#go_menu ul li {border-top:2px solid #F94C79;border-bottom:1px solid #ddd;display:inline;padding:10px;}
#go_menu ul li a {text-decoration:none;}
#go_menu ul li a:hover{text-decoration:none;border-top:2px solid #000;border-bottom:1px solid #ddd;padding:10px;}
#go_menu ul li a:active{text-decoration:none;}*/
</style>
<script type="text/javascript">
$(function(){
$('.imgWrapTag img').hover(function(){
$(this).css('opacity', 0.7);
},function(){
$(this).css('opacity', 1);
});
});
</script></div>
<div><style type="text/css">
img { max-width:100%; height:auto;}
</style></div>
<div>
<!-- 고정 메뉴바 돈 무브-->
<table width=<?=$width?> align="center" cellpadding="0" cellspacing="0" class=head2>
<tr><td>
<table align="center" cellpadding="0" cellspacing="0" width=610px>
<tr><td><span class=subject> <?=$view[wr_subject]?></span>
</td></tr></table>
</td></tr></table>
<div style="height:10"></div>
<!--Menu#1기본 페이지 시작-->
<table align="center" cellpadding="0" cellspacing="0" class=menu_line >
<tr><td><span class=menu_name>업체 정보</span>
</td></tr></table>
<!--상세 페이지 끝--></div>
<div><!--<table align="center" cellpadding="0" cellspacing="0" class=menu_line>
<tr><td><span class=menu_name>갤러리</span>
</td></tr></table>-->
<!--상세 페이지 끝-->
<table align="center" cellpadding="0" cellspacing="0" width=<?=$width?> height="325" style="padding:5px 0 10px 0;">
<tr>
<? </div>
<div>
// 파일 출력
$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++){
if($i > 0){
$style= "style=\"display:none\"";
}
echo "<img src =$g4[path]/data/file/$bo_table/$row[bf_file] max-width=100
height=325 border=0 id=img$i $style>";
//echo nl2br($view[file][$i][content]); // 파일내용 보이게 ,엔터키
$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)\">";
}
?>
</td></div>
<div> <!--<td width="18" style="padding:0 10 0 10;"><div id="text1"></div></td>-->
<td height="40">
<table cellpadding=3 cellspacing=0 border=0 align=left>
<tr>
<?
for ($i=0; $i<=9; $i++) {
$content2[$i]=nl2br($view[file][$i][content]); // 파일내용 보이게 ,엔터키
}
?>
<td><a href="#" onmouseover="javascript:change('<?=$content2[0]?>')" onmouseout="javascript:change('')"><?=$thumimg[0]?></a></td>
<td><a href="#" onmouseover="javascript:change('<?=$content2[1]?>')" onmouseout="javascript:change('')"><?=$thumimg[1]?></a></td>
<td><a href="#" onmouseover="javascript:change('<?=$content2[2]?>')" onmouseout="javascript:change('')"><?=$thumimg[2]?></a></td>
<td><a href="#" onmouseover="javascript:change('<?=$content2[3]?>')" onmouseout="javascript:change('')"><?=$thumimg[3]?></a></td>
<td><a href="#" onmouseover="javascript:change('<?=$content2[4]?>')" onmouseout="javascript:change('')"><?=$thumimg[4]?></a></td>
</tr>
<tr>
<td><a href="#" onmouseover="javascript:change('<?=$content2[5]?>')" onmouseout="javascript:change('')"><?=$thumimg[5]?></a></td>
<td><a href="#" onmouseover="javascript:change('<?=$content2[6]?>')" onmouseout="javascript:change('')"><?=$thumimg[6]?></a></td>
<td><a href="#" onmouseover="javascript:change('<?=$content2[7]?>')" onmouseout="javascript:change('')"><?=$thumimg[7]?></a></td>
<td><a href="#" onmouseover="javascript:change('<?=$content2[8]?>')" onmouseout="javascript:change('')"><?=$thumimg[8]?></a></td>
<td><a href="#" onmouseover="javascript:change('<?=$content2[9]?>')" onmouseout="javascript:change('')"><?=$thumimg[9]?></a></td>
</tr>
</table></td></tr></table>
<table>
<!-- 이미지 끝 -->
</div>
<div> </div>
<div> </div>
<div>.</div>
<div>.</div>
<div>.</div>
<div>.</div>
<div> </div>
<div> </div></div>
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인