--------------------------------------------------------------------------------------------------

두가지 질문드립니다.

아래는 view.skin.php 소스입니다.

 

<?
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 이상 버전이 설치되어 있어야 사용할 수 있는 갤러리 게시판 입니다.");

$img_width = 110;
$img_height = 85;
$img_quality = 100;

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 이상 버전이 설치되어 있어야 사용할 수 있는 갤러리 게시판 입니다.");

$data_path = $g4[path]."/data/file/$bo_table";
$thumb_path = $data_path.'/thumbs';

@mkdir($thumb_path, 0707);
@chmod($thumb_path, 0707);
$imgPath="$g4[path]/data/file/$bo_table";
?>

 

<script>
//Table Size 조정
/*
function ImageResizing(objFrame) {
if (!objFrame) return;

//height 조정
var conversionSize = 380;
var orgWidth = objFrame.width;
var orgHeight = objFrame.height;

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;
}

objFrame.width = newWidth;
objFrame.height = newHeight;
}
}
*/
function ThumbViewer(ImageObj){

// if (ImageObj.src == "http://pics.auction.co.kr/buy/itempage/no_image_thumb.gif") 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";

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>

<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>

<style type="text/css">
img { max-width:100%; height:auto;}
</style>

<!-- 고정 메뉴바 돈 무브-->
<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>
<!--상세 페이지 끝-->

<!--<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>
 
   <?

    
    
    // 파일 출력
       $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>

       <!--<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>
<!-- 이미지 끝 -->

 

 

.

.

.

.