라이트박스.. 하다하다안되.. 문의합니다..ㅠㅠ

라이트박스.. 하다하다안되.. 문의합니다..ㅠㅠ

QA

라이트박스.. 하다하다안되.. 문의합니다..ㅠㅠ

본문

제목처럼 하다하다 안되...고수님한테..문의 남깁니다..ㅠㅠ

 

작업하고있는 사이트는 http://www.diec.co.kr/bbs/board.php?bo_table=ex_info2  (테스트)

입니다..

여기서 작은 썸네일을 클릭하면 width만 500정도 이미지로 나오게 하고 싶은데.....

 

잘안됩니다.. 작은이미지는 첨부파일 2~7까지에요.....

 

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

 

도와주세요~~~ ㅠㅠ;;;;;

 


<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가 
include_once("$board_skin_path/skin.lib.php");
if (!function_exists("imagecopyresampled")) alert("GD 2.0.1 이상 버전이 설치되어 있어야 사용할 수 있는 갤러리 게시판 입니다.");
if (!$board[bo_1]) {
    $board[bo_1] = "410";
    $sql = " update $g4[board_table] set bo_1 = '$board[bo_1]', bo_1_subj = '목록 가로 픽셀' where bo_table = '$bo_table' ";
    sql_query($sql);
}
if (!$board[bo_2]) {
    $board[bo_2] = "430";
    $sql = " update $g4[board_table] set bo_2 = '$board[bo_2]', bo_2_subj = '목록 세로 픽셀' where bo_table = '$bo_table' ";
    sql_query($sql);
}

if (!$board[bo_3]) {
    $board[bo_3] = "100";
    $sql = " update $g4[board_table] set bo_3 = '$board[bo_3]', bo_3_subj = '목록 가로 픽셀' where bo_table = '$bo_table' ";
    sql_query($sql);
}
if (!$board[bo_4]) {
    $board[bo_4] = "100";
    $sql = " update $g4[board_table] set bo_4 = '$board[bo_4]', bo_4_subj = '목록 세로 픽셀' where bo_table = '$bo_table' ";
    sql_query($sql);
}
$mod = $board[bo_gallery_cols];
$td_width = (int)(100 / $mod);
// 선택옵션으로 인해 셀합치기가 가변적으로 변함
$colspan = 5;
if ($is_category) $colspan++;
if ($is_checkbox) $colspan++;
if ($is_good) $colspan++;
if ($is_nogood) $colspan++;
// 제목이 두줄로 표시되는 경우 이 코드를 사용해 보세요.
// <nobr style='display:block; overflow:hidden; width:000px;'>제목</nobr>
?>
<!-- 검색사용안함 -->

<br>
 <!--
<table width="<?=$width?>" cellspacing="0" cellpadding="0" border="0" align="center" bgcolor="#FFFFFF" style="border:1px solid #ccc;">
 <tr height="30">
  <td width="100%">  
  <?
        $arr = array();
        $ex = explode("|", $board[bo_category_list]);
        if($sca=="") {
           $arr[0] = "";
        }else{
           $arr[0] = "";
        }
        for ($i=0; $i<count($ex); $i++) {
             $ii=$i+1;
             if($sca==$ex[$i]) {
                $arr[$ii] = "<img src='$g4[path]/img/list_icon.gif'> <a href='$g4[bbs_path]/board.php?bo_table=$bo_table&sca={$ex[$i]}'>{$ex[$i]}</a>  ";
             }else{
                $arr[$ii] = "<img src='$g4[path]/img/list_icon.gif'> <a href='$g4[bbs_path]/board.php?bo_table=$bo_table&sca={$ex[$i]}' $sca={$ex[$i]};'>{$ex[$i]}</a>  ";
             }
        }
        $str = implode("", $arr);
        echo $str;
  ?></td>
  </td>
 </tr>
</table>
<br>
-->
  <form name="fsearch" method="get">
        <input type="hidden" name="bo_table" value="<?=$bo_table?>">
        <input type="hidden" name="sca"      value="<?=$sca?>">
        <input type="hidden" name="sop" value="and">
        <input type="hidden" name="sop" value="or">
  </form>
<? 
    for ($i=0; $i<count($list); $i++) { 
        $bg = $i%2 ? 0 : 1;
?>
<table width="<?=$width?>" cellspacing="0" cellpadding="0" border="0" align="center" bgcolor="#FFFFFF" style="border-bottom:1px dotted #ccc;padding-bottom:15px">
 <tr height="130">
  <!--
  <td width="50"></td>
  -->
  <td width="420">
 <?
         echo "<div style='float:left; border:1px solid #ccc; background:#fff; padding:4px; font-size:0; line-height:0;'>".makeThumbs($g4[path]."/data/file/$bo_table", $list[$i][file][0][file], $board[bo_1], $board[bo_2], cut_str($list[$i][subject],20))."</a></div>"; 
 ?>
 
 
 
 
 
 </td>
 <style>
  .list-line{border-bottom:1px dotted #8d8d8d;}
  </style>
  <td width="30"></td>
  <td valign="top" style="color:#3a3a3a;line-height:30px">
   <b>사업명 </b>: <?=$list[$i][wr_subject]?><br>
   <div class="list-line"></div>
   <b>사업위치</b> : <?=$list[$i][wr_1]?><br>
   <div class="list-line"></div>
   <b>공사기간</b> : <?=$list[$i][wr_3]?><br>
   <div class="list-line"></div>
   <b>건축규모</b> : <?=$list[$i][wr_2]?><br>
   <div class="list-line"></div>
   <b>연면적</b> : <?=$list[$i][wr_4]?><br>
   <div class="list-line"></div>
   <!--
   <b>시공사</b> : <?=$list[$i][wr_5]?><br>
   <div class="list-line"></div>
   <b>분양문의</b> : <span style="font-weight:bold;color:#0064eb;"><?=$list[$i][wr_6]?></span><br>
   <div class="list-line"></div>
   -->
   <!--<img src='<?=$board_skin_path?>/img/icon_link.gif' align=absmiddle border='0'>--> 
   <span style="font-size:10pt;font-weight:bold;font-family:Malgun Gothic"><?=$list[$i][wr_5]?></span><br>
   <div class="list-line"></div>
   <? echo "<a href='{$list[$i][wr_link1]}' target=_blank>"; ?><?=$list[$i][wr_link1]?><br>
   
 <?
         echo "<div style='float:left; border:0px solid #ccc; background:#fff; padding:1px; font-size:0; line-height:0;'>".makeThumbs($g4[path]."/data/file/$bo_table",
         $list[$i][file][1][file], $board[bo_3], $board[bo_4], cut_str($list[$i][subject],20))."</div>"; 
         echo "<div style='float:left; border:0px solid #ccc; background:#fff; padding:1px; font-size:0; line-height:0;'>".makeThumbs($g4[path]."/data/file/$bo_table", $list[$i][file][2][file], $board[bo_3], $board[bo_4], cut_str($list[$i][subject],20))."</div>"; 
         echo "<div style='float:left; border:0px solid #ccc; background:#fff; padding:1px; font-size:0; line-height:0;'>".makeThumbs($g4[path]."/data/file/$bo_table", $list[$i][file][3][file], $board[bo_3], $board[bo_4], cut_str($list[$i][subject],20))."</div>"; 
         
         echo "<div style='float:left; border:0px solid #ccc; background:#fff; padding:1px; font-size:0; line-height:0;'>".makeThumbs($g4[path]."/data/file/$bo_table", $list[$i][file][4][file], $board[bo_3], $board[bo_4], cut_str($list[$i][subject],20))."</div>"; 
         echo "<div style='float:left; border:0px solid #ccc; background:#fff; padding:1px; font-size:0; line-height:0;'>".makeThumbs($g4[path]."/data/file/$bo_table", $list[$i][file][5][file], $board[bo_3], $board[bo_4], cut_str($list[$i][subject],20))."</div>"; 
         echo "<div style='float:left; border:0px solid #ccc; background:#fff; padding:1px; font-size:0; line-height:0;'>".makeThumbs($g4[path]."/data/file/$bo_table", $list[$i][file][6][file], $board[bo_3], $board[bo_4], cut_str($list[$i][subject],20))."</div>"; 

 ?>
  
  </td>
 </tr>
</table>
<? if ($admin_href) { ?> 
<table width="<?=$width?>" cellspacing="0" cellpadding="0" border="0" align="center">
 <tr height="30">
  <td width="80%"></td>
  <td width="20%" align="right">
  <? echo "<a href='/bbs/write.php?w=u&bo_table=$bo_table&wr_id={$list[$i][wr_id]}&page=$page'>수정</a> | <a href='/bbs/delete.php?bo_table=$bo_table&wr_id={$list[$i][wr_id]}&token=$token&page=$page'>삭제</a> | <a href=\"javascript:win_open('./move.php?sw=move&bo_table=$bo_table&wr_id={$list[$i][wr_id]}&page=$page','boardmove','left=50,top=50,width=500,height=550,scrollbars=1');\">이동</a>";?> 
  </td>
 </tr>
</table>
<? } ?> 
<br>
<? } ?>
<!-- 페이지 -->
<table width="<?=$width?>" cellspacing="0" cellpadding="0">
<tr> 
    <td width="100%"  height="36" align="center" valign="top">
        <? if ($prev_part_href) { echo "<a href='$prev_part_href'><img src='$board_skin_path/img/btn_search_prev.gif' border=0 align=absmiddle title='이전검색'></a>"; } ?>
        <?
        // 기본으로 넘어오는 페이지를 아래와 같이 변환하여 이미지로도 출력할 수 있습니다.
        //echo $write_pages;
        $write_pages = str_replace("처음", "<img src='$board_skin_path/img/begin.gif' border='0' align='absmiddle' title='처음'>", $write_pages);
        $write_pages = str_replace("이전", "<img src='$board_skin_path/img/prev.gif' border='0' align='absmiddle' title='이전'>", $write_pages);
        $write_pages = str_replace("다음", "<img src='$board_skin_path/img/next.gif' border='0' align='absmiddle' title='다음'>", $write_pages);
        $write_pages = str_replace("맨끝", "<img src='$board_skin_path/img/end.gif' border='0' align='absmiddle' title='맨끝'>", $write_pages);
        $write_pages = preg_replace("/<span>([0-9]*)<\/span>/", "<b><font style=\"font-family:돋움; font-size:9pt; color:#797979\">$1</font></b>", $write_pages);
        $write_pages = preg_replace("/<b>([0-9]*)<\/b>/", "<b><font style=\"font-family:돋움; font-size:9pt; color:orange;\">$1</font></b>", $write_pages);
        ?>
        <?=$write_pages?>
        <? if ($next_part_href) { echo "<a href='$next_part_href'><img src='$board_skin_path/img/btn_search_next.gif' border=0 align=absmiddle title='다음검색'></a>"; } ?>
    </td>
</tr>
</table>
<table width="100%" cellspacing="0" cellpadding="0">
<tr>
 <td align="center">
    <? if ($write_href) { ?><a href="<?=$write_href?>"><img src="<?=$board_skin_path?>/img/btn_write.gif" border='0'></a>
 <? } ?>
 </td>
</tr>
</table>
<!-- 버튼 링크 -->
<? if ($is_checkbox) { ?>
<script type="text/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=500, height=550, scrollbars=1");
    f.sw.value = sw;
    f.target = "move";
    f.action = "./move.php";
    f.submit();
}
</script>
<? } ?>
<!-- 게시판 목록 끝 -->
​

이 질문에 댓글 쓰기 :

답변 1

말씀하시는 라이트박스가 

http://lokeshdhakar.com/projects/lightbox2/ 

이런거 말씀하시는 거 아닌가요?

 

지금 님 소스에서는 기본적인 js와 css를 불러오는것조차 없는데요?

일단 해당사이트 예제페이지 참고하셔서 먼저 적용하셔야 할듯 싶네요.

썸네일에는 예제페이지 참고하셔서 링크걸면 됩니다.

 

답변을 작성하시기 전에 로그인 해주세요.
전체 10
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT