라이트박스.. 하다하다안되.. 문의합니다..ㅠㅠ
본문
제목처럼 하다하다 안되...고수님한테..문의 남깁니다..ㅠㅠ
작업하고있는 사이트는 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를 불러오는것조차 없는데요?
일단 해당사이트 예제페이지 참고하셔서 먼저 적용하셔야 할듯 싶네요.
썸네일에는 예제페이지 참고하셔서 링크걸면 됩니다.
답변을 작성하시기 전에 로그인 해주세요.