고수님들 도와주세요~저는 왕초보입니다. > 그누4 질문답변

그누4 질문답변

그누보드4 관련 질문은 QA 로 이전됩니다. QA 그누보드4 바로가기
기존 게시물은 열람만 가능합니다.

고수님들 도와주세요~저는 왕초보입니다. 정보

고수님들 도와주세요~저는 왕초보입니다.

첨부파일

list.skin.php (19.1K) 0회 다운로드 2009-11-13 16:41:39

본문

목진철님께서 수고해주신 스킨을 쓰고 있는데요~

아주 잘쓰고 있다가~

살짝 수정하려고 하는데....

어떻해 보면 제일 쉬운부분일수도 있는데..,

list에서여~~

해당이미지를 클릭을 하면 확대가 되고 거기서 next 와 prev가 되는데

제가 원하는것은 해당이미지를 클릭을하면 해당이미지 페이지로 넘어갔으면 좋겠습니다.

수정좀 도와세요 고수님들...



<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가

// 제목이 두줄로 표시되는 경우 이 코드를 사용해 보세요.
// <nobr style='display:block; overflow:hidden; width:000px;'>제목</nobr>

$board[bo_1] = "200";
$board[bo_2] = "130";
$board[bo_3] = "100";

if (!$board[bo_1]) alert("게시판 설정 : 여분 필드 1 에 목록에서 보여질 이미지의 폭을 설정하십시오. (픽셀 단위)");
if (!$board[bo_2]) alert("게시판 설정 : 여분 필드 2 에 목록에서 보여질 이미지의 높이을 설정하십시오. (픽셀 단위)");
if (!$board[bo_3]) 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.'/thumb';

@mkdir($thumb_path, 0707);
@chmod($thumb_path, 0707);

$mod = $board[bo_gallery_cols];
$td_width = (int)(100 / $mod);

?>

<style type="text/css">
<!--
.bo_ti  { font-family:굴림; font-size:9pt; color:#555555; }
.data  { font-family:돋움; font-size:8pt; color:#999999; }
-->
</style>
<!--
    1 ) Reference to the file containing the javascript.
    This file must be located on your server.
-->

<script type="text/javascript" src="<?=$board_skin_path?>/highslide/highslide.js"></script>


<!--
    2) Initialize the hs object and optionally override the settings defined at the top
    of the highslide.js file. The parameter hs.graphicsDir is important!
-->

<script type="text/javascript">   
    hs.graphicsDir = '<?=$board_skin_path?>/highslide/graphics/';
   
    // Identify a caption for all images. This can also be set inline for each image.
    hs.captionId = 'the-caption';
   
    hs.outlineType = 'rounded-white';
    window.onload = function() {
        hs.preloadImages(5);
    }
</script>


<!--
    3) These CSS-styles are necessary for the script to work. You may also put
    them in an external CSS-file. See the webpage for documentation.
-->

 <style type="text/css">

 }
.highslide {
 cursor: url(<?=$board_skin_path?>/highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide img {
 border: 0px solid gray;
}
.highslide:hover img {
 border: 2px solid white;
}

.highslide-image {
    border: 2px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
   
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
 color: white;
 font-size: 9px;
 font-weight: bold;
 text-transform: uppercase;
    text-decoration: none;
 padding: 3px;
 border-top: 1px solid white;
 border-bottom: 1px solid white;
    background-color: black;
    /*
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    */
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
 font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

.highslide-move {
    cursor: move;
}
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}
.control {
 float: right;
    display: block;
    position: relative;
 margin: 0 5px;
 font-size: 9pt;
    font-weight: bold;
 text-decoration: none;
 text-transform: uppercase;
    margin-top: 1px;
    margin-bottom: 1px;
}
.control:hover {
    border-top: 0px solid #333;
    border-bottom: 1px solid #333;
    margin-top: 0;
    margin-bottom: 0;
}
.control, .control * {
 color: #666;
}
</style>
<table width="<?=$width?>" align="center" cellpadding="0" cellspcing="0"><tr><td>

<!-- 분류 셀렉트 박스, 게시물 몇건, 관리자화면 링크 -->
   <? if ($is_category) { ?>
   <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr align="center">
  <?php
   $arr = explode("|", $board[bo_category_list]);
   $arr1   = explode("|", $board[bo_10]);
   $str = "";
    if(!$sca)
    $str = "<td width='2'><img src='$board_skin_path/img/tab_on_notice_left.gif' height='29'></td>
      <td background='$board_skin_path/img/tab_on_bg.gif' style='padding:4 15 0 15' nowrap>
      <a href='board.php?bo_table=$bo_table'><b>전체</b></a></td>
      <td width='2'><img src='$board_skin_path/img/tab_on_right.gif' height='29'></td>";
    else
    $str = "<td width='2'><img src='$board_skin_path/img/tab_off_notice_left.gif' height='29'></td>
      <td background='$board_skin_path/img/tab_off_bg.gif' style='padding:4 15 0 15' nowrap>
      <a href='board.php?bo_table=$bo_table'>전체</a></td>
      <td width='2'><img src='$board_skin_path/img/tab_off_right.gif' height='29'></td>";
   for ($i=0; $i<count($arr); $i++)
    if (trim($arr[$i])){
     if($arr[$i]==$sca){
      $key    = array_search($sca, $arr);
      $cate   = explode("^", $arr1[$key]);
      $subca1 = $cate[0];
      $str .= "<td width='2'><img src='$board_skin_path/img/tab_on_left.gif'></td>
         <td background='$board_skin_path/img/tab_on_bg.gif' style='padding:4 15 0 15' nowrap>
         <a href='$category_location$arr[$i]&sfl=wr_10&stx=$subca1&nca=$subca1'><b>$arr[$i]</b></a></td>
         <td width='2'><img src='$board_skin_path/img/tab_on_right.gif'></td>";
      }else{
      $key    = array_search($arr[$i], $arr);
      $cate   = explode("^", $arr1[$key]);
      $subca1=$cate[0];
      $str .= "<td width='2'><img src='$board_skin_path/img/tab_off_left.gif'></td>
         <td background='$board_skin_path/img/tab_off_bg.gif' style='padding:4 15 0 15' nowrap>
         <a href='$category_location$arr[$i]&sfl=wr_10&stx=$subca1&nca=$subca1'>$arr[$i]</a></td>
         <td width='2'><img src='$board_skin_path/img/tab_off_right.gif''></td>";
      }
     }
   echo $str;
   echo "<td width='100%' background='$board_skin_path/img/tab_bg.gif' style='padding:4 0 0 15' nowrap valign='top'>";
  ?>
        <div style="float:right;">
            <img src="<?=$board_skin_path?>/img/icon_total.gif" align="absmiddle">
            <span style="color:#888888; font-weight:bold;">Total <?=number_format($total_count)?></span>
            <? if ($rss_href) { ?><a href='<?=$rss_href?>'><img src='<?=$board_skin_path?>/img/btn_rss.gif' border="0" align="absmiddle"></a><?}?>
            <? if ($admin_href) { ?><a href="<?=$admin_href?>"><img src="<?=$board_skin_path?>/img/btn_admin.gif" title="관리자" align="absmiddle" border="0"></a><?}?>
        </div>
   </td>
 </tr>
   </table>
   <? } else { ?>

        <div style="float:right;">
            <img src="<?=$board_skin_path?>/img/icon_total.gif" align="absmiddle">
            <span style="color:#888888; font-weight:bold;">Total <?=number_format($total_count)?></span>
            <? if ($rss_href) { ?><a href='<?=$rss_href?>'><img src='<?=$board_skin_path?>/img/btn_rss.gif' border="0" align="absmiddle"></a><?}?>
            <? if ($admin_href) { ?><a href="<?=$admin_href?>"><img src="<?=$board_skin_path?>/img/btn_admin.gif" title="관리자" align="absmiddle"  border="0"></a><?}?>
        </div>
   <? } ?>

<!-- 여백 --><table width="100%" cellspacing="0" cellpadding="0"><tr><td height="12"></td></tr></table>

<table width="100%" cellspacing="0" cellpadding="0" border="0">
<form name="fboardlist" method="post">
<input type="hidden" name="bo_table" value="<?=$bo_table?>">
<input type="hidden" name="sfl"  value="<?=$sfl?>">
<input type="hidden" name="stx"  value="<?=$stx?>">
<input type="hidden" name="spt"  value="<?=$spt?>">
<input type="hidden" name="page" value="<?=$page?>">
<input type="hidden" name="sw"   value="">
<!-- <? if ($is_admin) { ?><tr><td height=30 colspan='<?=$board[bo_gallery_cols]?>' style='padding-left:20px;'><INPUT onclick="if (this.checked) all_checked(true); else all_checked(false);" type=checkbox> 전체선택</td></tr><? } ?> -->
<tr>
<?
for ($i=0; $i<count($list); $i++)
{
 $homepageurl="";
 //추가
 if($list[$i][wr_1] >= 100)
  {
   $ing="[다미인]";
   //$homepageurl=$list[wr_link1];
   if($list[$i][wr_link1]) $homepageurl="<a href='".$list[$i][wr_link1]."' target=_blank>";
  }
 else $ing="";
 $image = $list[$i][file][0][file];
 $thumb = $thumb_path.'/'.$list[$i][wr_id];
 // 썸네일 이미지가 존재하지 않는다면
 if (!file_exists($thumb))
 {
  $file = $list[$i][file][0][path] .'/'. $list[$i][file][0][file];
  if (preg_match("/\.(jp[e]?g|gif|png)$/i", $file) && file_exists($file))
  {
   $size = getimagesize($file);
   if ($size[2] == 1)
    $src = imagecreatefromgif($file);
   else if ($size[2] == 2)
    $src = imagecreatefromjpeg($file);
   else if ($size[2] == 3)
    $src = imagecreatefrompng($file);
   else
    break;

   
      
      /* rate 계산,, 썸네일은 가로 정렬임으로 세로가 동일해야 함 */
      /*
    $rate = $board[bo_1] / $size[0];
   $height = (int)($size[1] * $rate);

   $dst = imagecreatetruecolor($board[bo_1], $height);
   imagecopyresampled($dst, $src, 0, 0, 0, 0, $board[bo_1], $height, $size[0], $size[1]);
   imagepng($dst, $thumb_path.'/'.$list[$i][wr_id], $board[bo_2]);
   chmod($thumb_path.'/'.$list[$i][wr_id], 0606);
      */

   $rate = $board[bo_2] / $size[1];
   $width = (int)($size[0] * $rate);
     
   //echo "rate : $rate ,width : $width, $height : $board[bo_2] <br>";
   /*
   if($width <= $board[bo_1]) { //width가 지정된 사이즈보다 작을경우 rate 비율로 썸네일 생성
    $dst = imagecreatetruecolor($width, $board[bo_2]);
    imagecopyresampled($dst, $src, 0, 0, 0, 0, $width, $board[bo_2], $size[0], $size[1]);
    imagejpeg($dst, $thumb_path.'/'.$list[$i][wr_id], $board[bo_2]);
   } else {
    $rate = $board[bo_1] / $size[0];
    $height = (int)($size[1] * $rate);

    $dst = imagecreatetruecolor($board[bo_1], $height);
    imagecopyresampled($dst, $src, 0, 0, 0, 0, $board[bo_1], $height, $size[0], $size[1]);
    imagejpeg($dst, $thumb_path.'/'.$list[$i][wr_id], $board[bo_2]);
   }
   */

    $rate = $board[bo_1] / $size[0];
    $height = (int)($size[1] * $rate);

    $dst = imagecreatetruecolor($board[bo_1], $height);
    imagecopyresampled($dst, $src, 0, 0, 0, 0, $board[bo_1], $height, $size[0], $size[1]);
    imagejpeg($dst, $thumb_path.'/'.$list[$i][wr_id], $board[bo_2]);
     
   chmod($thumb_path.'/'.$list[$i][wr_id], 0606);

  }
 }

  $photo_view = $list[$i][file][0][path] .'/'. $list[$i][file][0][file];
 if (file_exists($thumb)){
  $img = "<img src='$thumb' border=0>";
 }

 

    $title = "클릭하시면 해당 사이트로 이동합니다.";
    $content = cut_str(get_text($list[$i][wr_content]), 80);
    //$img = "$g4[path]/data/file/$bo_table/".urlencode($list[$i][file][0][file]);
    //if (!file_exists($img) || !$list[$i][file][0][file])
 if ( !$list[$i][file][0][file])
        $img = "<img src=$board_skin_path/img/no_image.gif>";
    $href = "$g4[bbs_path]/board.php?bo_table=$bo_table&wr_id={$list[$i][wr_id]}&no=1";
    $view_href = "";
    //if ($is_admin)
        $view_href = "<a href='$g4[bbs_path]/board.php?bo_table=$bo_table&wr_id={$list[$i][wr_id]}' class='highslide' onclick='return hs.expand(this)'>";

    $checkbox = "";
    if ($is_checkbox)
        $checkbox = "<input type=checkbox name=chk_wr_id[] value='{$list[$i][wr_id]}'>";

 if($list[$i][wr_2]) $btimg_dc="<img src='$board_skin_path/img/dc.gif' border=0 align=absmiddle>";
 else $btimg_dc="";

 $btimg_order="$board_skin_path/img/bt_order.gif";
 $btimg_view="$board_skin_path/img/bt_view.gif";

 $order_href="<a href='$g4[bbs_path]/write.php?bo_table=order&bunru=w&subject1={$list[$i][subject]}&code1={$list[$i][wr_1]}'>";

    $tr = "";
    if ($i && $i%$board[bo_gallery_cols]==0)
        $tr = "</tr><tr>";
    echo "$tr";
    $subject = "<span $style>".cut_str($list[$i][subject],40)."</span>";

 echo "<td width='{$td_width}%' valign='top' align='center'>";
 echo "<table cellpadding='5' cellspacing='0'>";
 echo "<tr valign='top'>";
 echo "<td style='border:solid 1px #EFEFEF; width:200;  align='center'>";
 echo "<table width='200' height=130 cellpadding='0' cellspacing='0' border='0'><tr><td align='center'><a href='$g4[path]/data/file/$bo_table/$image') class='highslide' onclick='return hs.expand(this)'>{$img}</a></td></tr>";
 echo "<tr><td height='2'></td></tr>";
 echo "<tr><td height='2'>가 격 : <font color='red'>{$list[$i][wr_1]}</font><font color='blue'>만원</font> {$ing}</td></tr>";
 echo "<tr><td height='2'></td></tr>";
 echo "<tr><td></td></tr>";
 echo "<tr><td height='2'></td></tr>";
 echo "<tr><td></td></tr></table>";
 echo "</td></tr>";
 echo "<tr align=center><td><a href='{$list[$i][href]}'>$subject</a></td></tr>"; // 제목
 //echo "<tr align=center><td class=small>{$list[$i][ca_name]}</a></td></tr>";  // 카테고리
 //echo "<tr align=center><td>{$list[$i][name]}</td></tr>";      // 작성자
 if ($is_checkbox) {
 echo "<tr align=center><td>$checkbox</td></tr>";
 }
 echo "</table>";
 echo "</td>";
}

// 나머지 td 를 채운다.
$cnt = $i%$mod;
if ($cnt)
    for ($i=$cnt; $i<$mod; $i++)
        echo "<td> </td>\n";

if ($i == 0)
    echo "<td colspan='$board[bo_gallery_cols]' height=50 align=center>게시물이 없습니다.</td>";
?>
<div class='highslide-caption' id='the-caption'>
    <a href="#" onclick="return hs.previous(this)" class="control" style="float:left; display: block"><img src="<?=$board_skin_path?>/img/prevlabel.gif" border="0"></a>
 <a href="#" onclick="return hs.next(this)" class="control" style="float:left; display: block; text-align: right; margin-left: 50px"><img src="<?=$board_skin_path?>/img/nextlabel.gif" border="0"></a>
    <a href="#" onclick="return hs.close(this)" class="control"><img src="<?=$board_skin_path?>/img/closelabel.gif" border="0"></a>
    <div style="clear:both"></div>
</div>
</form>
</tr>
</table>

<div style="clear:both; margin-top:7px; height:31px;">
    <div style="float:left;">
    <? if ($list_href) { ?>
    <a href="<?=$list_href?>"><img src="<?=$board_skin_path?>/img/btn_list.gif" align=absmiddle border="0"></a>
    <? } ?>
    <? if ($is_checkbox) { ?>
    <a href="javascript:select_delete();"><img src="<?=$board_skin_path?>/img/btn_select_delete.gif" align=absmiddle border="0"></a>
    <a href="javascript:select_copy('copy');"><img src="<?=$board_skin_path?>/img/btn_select_copy.gif" align=absmiddle border="0"></a>
    <a href="javascript:select_copy('move');"><img src="<?=$board_skin_path?>/img/btn_select_move.gif" align=absmiddle border="0"></a>
    <? } ?>
    </div>

    <div style="float:right;">
    <? if ($write_href) { ?><a href="<?=$write_href?>"><img src="<?=$board_skin_path?>/img/btn_write.gif" border="0"></a><? } ?>
    </div>
</div>

<div style="height:1px; line-height:1px; font-size:1px; background-color:#eee; clear:both;"> </div>
<div style="height:1px; line-height:1px; font-size:1px; background-color:#ddd; clear:both;"> </div>

<!-- 페이지 -->
<div style="text-align:center; line-height:30px; clear:both; margin:5px 0 10px 0; padding:5px 0; font-family:gulim;">

    <? if ($prev_part_href) { echo "<a href='$prev_part_href'><img src='$board_skin_path/img/page_search_prev.gif' border=0 align=absmiddle title='이전검색'></a>"; } ?>
    <?
    // 기본으로 넘어오는 페이지를 아래와 같이 변환하여 이미지로도 출력할 수 있습니다.
    //echo $write_pages;
    $write_pages = str_replace("처음", "<img src='$board_skin_path/img/page_begin.gif' border='0' align='absmiddle' title='처음'>", $write_pages);
    $write_pages = str_replace("이전", "<img src='$board_skin_path/img/page_prev.gif' border='0' align='absmiddle' title='이전'>", $write_pages);
    $write_pages = str_replace("다음", "<img src='$board_skin_path/img/page_next.gif' border='0' align='absmiddle' title='다음'>", $write_pages);
    $write_pages = str_replace("맨끝", "<img src='$board_skin_path/img/page_end.gif' border='0' align='absmiddle' title='맨끝'>", $write_pages);
    $write_pages = preg_replace("/<span>([0-9]*)<\/span>/", "<b><span style=\"color:#B3B3B3; font-size:12px;\">$1</span></b>", $write_pages);
    $write_pages = preg_replace("/<b>([0-9]*)<\/b>/", "<b><span style=\"color:#4D6185; font-size:12px; text-decoration:underline;\">$1</span></b>", $write_pages);
    ?>
    <?=$write_pages?>
    <? if ($next_part_href) { echo "<a href='$next_part_href'><img src='$board_skin_path/img/page_search_next.gif' border=0 align=absmiddle title='다음검색'></a>"; } ?>

</div>

<!-- 링크 버튼, 검색 -->
<div style="text-align:center;">
<form name=fsearch method=get style="margin:0px;">
<input type=hidden name=bo_table value="<?=$bo_table?>">
<input type=hidden name=sca      value="<?=$sca?>">
<select name=sfl style="background-color:#f6f6f6; border:1px solid #7f9db9; height:21px;">
    <option value='wr_subject'>제목</option>
    <option value='wr_content'>내용</option>
    <option value='wr_subject||wr_content'>제목+내용</option>
    <option value='mb_id,1'>회원아이디</option>
    <option value='mb_id,0'>회원아이디(코)</option>
    <option value='wr_name,1'>글쓴이</option>
    <option value='wr_name,0'>글쓴이(코)</option>
</select>
<input name=stx maxlength=15 itemname="검색어" required value='<?=$stx?>' style="width:204px; background-color:#f6f6f6; border:1px solid #7f9db9; height:21px;">
<input type=image src="<?=$board_skin_path?>/img/btn_search.gif" border=0 align=absmiddle>
<input type=radio name=sop value=and>and
<input type=radio name=sop value=or>or

</form>
</div>

</td></tr></table>

<script language="javascript">
function popupImage(imageURL){
imageHandle=open("","popupForImage","toolbar=no,location=no,status=no,manubar=no,scrollbars=no,resizable=no,width=100,height=100,top=0,left=0");
  imageHandle.document.write("<title></title>");
  imageHandle.document.write("<style>");
  imageHandle.document.write("*{margin:0;padding:0;border:0;}");
  imageHandle.document.write("</style>");
  imageHandle.document.write("<img src=\""+imageURL+"\" onload=\"window.resizeTo(this.width+6,this.height+52);\" onclick=\"self.close();\" style=\"cursor:hand;\" title=\"클릭하면 닫힙니다.\">");
}
</script>
<script language="JavaScript">
if ("<?=$stx?>") {
    document.fsearch.sfl.value = "<?=$sfl?>";
    document.fsearch.sop.value = "<?=$sop?>";
}
</script>

<? if ($is_checkbox) { ?>
<script language="JavaScript">
function all_checked(sw)
{
    var f = document.fboardlist;

    for (var i=0; i<f.length; i++) {
        if (f.elements[i].name == "chk_wr_id[]")
            f.elements[i].checked = sw;
    }
}

function check_confirm(str)
{
    var f = document.fboardlist;
    var chk_count = 0;

    for (var i=0; i<f.length; i++) {
        if (f.elements[i].name == "chk_wr_id[]" && f.elements[i].checked)
            chk_count++;
    }

    if (!chk_count) {
        alert(str + "할 게시물을 하나 이상 선택하세요.");
        return false;
    }
    return true;
}

// 선택한 게시물 삭제
function select_delete()
{
    var f = document.fboardlist;

    str = "삭제";
    if (!check_confirm(str))
        return;

    if (!confirm("선택한 게시물을 정말 "+str+" 하시겠습니까?\n\n한번 "+str+"한 자료는 복구할 수 없습니다"))
        return;

    f.action = "./delete_all.php";
    f.submit();
}

// 선택한 게시물 복사 및 이동
function select_copy(sw)
{
    var f = document.fboardlist;

    if (sw == "copy")
        str = "복사";
    else
        str = "이동";
                      
    if (!check_confirm(str))
        return;

    var sub_win = window.open("", "move", "left=50, top=50, width=396, height=550, scrollbars=1");

    f.sw.value = sw;
    f.target = "move";
    f.action = "./move.php";
    f.submit();
}
</script>
<? } ?>

  • 복사

댓글 전체

echo "<table width='200' height=130 cellpadding='0' cellspacing='0' border='0'><tr><td align='center'><a href='$g4[path]/data/file/$bo_table/$image') class='highslide' onclick='return hs.expand(this)'>{$img}</a></td></tr>";
 echo "<tr><td height='2'></td></tr>";

==>

echo "<table width='200' height=130 cellpadding='0' cellspacing='0' border='0'><tr><td align='center'><a href='{$list[ $i]['href']}' >{$img}</a></td></tr>";
 echo "<tr><td height='2'></td></tr>";
© SIRSOFT
현재 페이지 제일 처음으로