이미지클릭시 내용으로 들어가지 않고 새창으로 정보
이미지클릭시 내용으로 들어가지 않고 새창으로본문
스킨은 위링크 스킨인데요...
이미지 클릭하면 들어가지 말고 새창으로 뜨게 하려고 합니다.
어떻게 해야지 내용으로 들어가지 않고 원본 사이즈로 새창으로 뜨나요?
list.skin.php
<? // ver 4.09.02
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
$mod = $board[bo_gallery_cols];
if (!$board[bo_gallery_cols])
$mod = 2; // 가로 이미지 개수
$td_width = (int)(100 / $mod);
//섬네일 관련 설정
$thumb_width=150;//섬네일 최대폭
$thumb_height=120;//섬네일 최대높이
//DQ엔진 인클루드 2005-03-22 석훈
include_once "$g4[path]/thumbEngine/dq_thumb_engine2.php";
$dqEngine['thumb_resize'] = 2;
// 제목이 두줄로 표시되는 경우 이 코드를 사용해 보세요.
// <nobr style='display:block; overflow:hidden; width:000px;'>제목</nobr>
?>
<style>
a.text:link, a.text:visited, a.text:active { color:#A8A8A8; text-decoration:none;}
a.text:hover { color:#FFBECC; text-decoration:none;}
.s11 { font-family:Tahoma,Verdana,돋움; font-size:11px;}
.color_pink1 { color:#F99FA6; }
.color_pink2 { color:#EFA8AE; }
.color_gray1 { color:#BCBCBC; }
.color_gray2 { color:#999999; }
.ed { background-color:#FFF6F6; border:1px solid #FFE6E6;}
.tx { background-color:#FFF6F6; border:1px solid #FFE6E6;
scrollbar-face-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #FFDEDE;
scrollbar-shadow-color: #FFFFFF;
scrollbar-darkshadow-color: #FFDEDE;
scrollbar-track-color: #FFF6F6;
scrollbar-arrow-color: #FDB6B6;
overflow-x:hidden; overflow-y:auto;}
</style>
<!-- 게시판 목록 시작 -->
<table width="<?=$width?>" align=center cellpadding=0 cellspacing=0><tr><td>
<!-- 분류 셀렉트 박스, 게시물 몇건, 관리자화면 링크 -->
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr height="25">
<td align="right" class="s11">
*<b><?=number_format($total_count)?></b> photo
<? if ($rss_href) { ?><a href='<?=$rss_href?>' target=_blank><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/button_admin.gif" title="관리자" width="63" height="22" border="0" align="absmiddle"></a><?}?></td>
</tr>
</table>
<!-- 제목 -->
<form name="fboardlist" method="post" style="margin:0px;">
<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=''>
<table width=100% cellpadding=0 cellspacing=0>
<tr><td colspan="<?=$mod?>" height="1" style="background: url('<?=$board_skin_path?>/img/ver3_bottom_dotline.gif') left;"></td></tr>
<tr height=28 align=center>
<td colspan="<?=$mod?>" class="s11 color_gray2">
<? if ($is_category) { ?>
<form name='fcategory' method='get'>
<?
$cnt_bo_1 = $bo_1[0] ? $bo_1[0] : 20; // 한줄당 분류 갯수(현재:10)
$cnt = 1;
$cnt0 = 0;
$bb_s=""; $bb_e="";
$arr = explode("|", $board[bo_category_list]); // 구분자가 , 로 되어 있음
for ($i=0; $i<count($arr); $i++)
if (trim($arr[$i])) {
if ($sca == $arr[$i]) { $cnt0++; $b_s="<font class=\"color_pink2\"><b>"; $b_e="</b></font>"; } else {$b_s=""; $b_e="";}
$str .= " | <a href='./board.php?bo_table=$bo_table&sca=" . rawurlencode($arr[$i]) . "'>$b_s$arr[$i]$b_e</a>";
if ($cnt == $cnt_bo_1) { $cnt = 0; $str .= "<br>"; }
$cnt++;
}
if ($cnt0 == 0 ) { $bb_s="<font class='color_pink2'><b>"; $bb_e="</b></font>"; }
?>
<a href='./board.php?bo_table=<?=$bo_table?>&page=<?=$page?>' class='text'><?=$bb_s;?>전체<?=$bb_e?></a><?=$str?></font></td>
</form>
<? } ?>
</td>
</tr>
<tr><td colspan="<?=$mod?>" height="1" style="background: url('<?=$board_skin_path?>/img/ver3_bottom_dotline.gif') left;"></td></tr>
<tr height=30 align=center>
<!-- 내용 시작-->
<?
for ($i=0; $i<count($list); $i++)
{
$e_text = array("(",")"); //괄호 표시
$list[$i][comment_cnt] = str_replace($e_text, "", $list[$i][comment_cnt]); //괄호 표시 변환으로 삭제
if($list[$i][comment_cnt]!=null) {
if ($list[$i][last] >= date("Y-m-d H:i:s", $g4['server_time'] - ($board['bo_new'] * 3600)))
{
$list[$i][comment_cnt] = "(<font class='s11 color_pink1'><b>+{$list[$i][comment_cnt]} <img src='{$board_skin_path}/img/board/c_new.gif' border='0' style='margin-top:3'></b></font>)";
//if($list[$i][comment_cnt]!=null) $list[$i][comment_cnt] = "<b>".$list[$i][comment_cnt]."</b>";
}
else
{
$list[$i][comment_cnt] = "({$list[$i][comment_cnt]})";
}
}
if ($i && $i%$mod==0)
echo "</tr><tr><td colspan='{$mod}' height='1' style=\"background: url('{$board_skin_path}/img/ver3_dot.gif') left;\"></td></tr><tr>";
echo "<td width='{$td_width}%' valign=bottom style='word-break:break-all;'>";
echo "<table width=100%'>";
echo "<tr><td height=5></td></tr>";
echo "<tr><td align=center>";
//echo "<table width='".$thumb_width."' height='".$thumb_height."' cellspacing=0 cellpadding=0>";
//echo "<tr>";
$image = $list[$i][file][0][file]; //공백으로인한썸네일깨짐방지
//$image = urlencode($list[$i][file][0][file]); // 첫번째 파일이 이미지라면
if (preg_match("/\.(gif|jpg|png)$/i", $image)) {
$thumbdir = $g4[path]."/data/file/".$bo_table."/img";
if (!is_dir($thumbdir)) {
@mkdir($thumbdir, 0707);
@chmod($thumbdir, 0707);
// 디렉토리에 있는 파일의 목록을 보이지 않게 한다.
$file = $thumbdir."/index.php";
$f = @fopen($file, "w");
@fwrite($f, "");
@fclose($f);
@chmod($file, 0606);
}
$thumbsource="$g4[path]/data/file/$bo_table/" . $image;
$thumbimg = $thumbdir."/".$list[$i][wr_id].".thumb";
make_thumb($thumb_width,$thumb_height,$thumbsource,$thumbimg);
@chmod($thumbimg, 0707);
//echo "<td width='".$thumb_width."' height='".$thumb_height."' background='".$thumbimg."'>"; //이미지 배경으로 지정
//echo "<a href='{$list[$i][href]}'><img src='$board_skin_path/img/sd_logo.gif' border='0' style='filter:alpha(opacity=70)'></a>";
echo "<a href='{$list[$i][href]}'><img src='$thumbimg' border='0' style='border:1 #E7E7E7 solid' onmouseover=this.style.filter='alpha(opacity=70)' onmouseout=this.style.filter=''></a>";
} else {
echo "<a href='{$list[$i][href]}'><img src='$board_skin_path/img/no_image.jpg' width='{$thumb_width}' height='{$thumb_height}' style='border:1 #E7E7E7 solid'></a>";
}
//echo "</td></tr></table>" ;
echo "</td></tr>";
echo "<tr><td align=center height='30' valign='top' class='s11'>";
if ($is_category) {
echo "<font class='color_pink2'><b>[".$list[$i][ca_name]."]</b></font><br>"; }
if ($is_checkbox) {
echo "<input type=checkbox name=chk_wr_id[] value='".$list[$i][wr_id]."'> "; }
//echo "<span style='font-family:Tahoma;font-size:8pt;'>No.".$list[$i][num]." </span>";
echo "<a href='".$list[$i][href]."' class='text'>".$list[$i][subject]."</a>";
if ($list[$i][comment_cnt])
echo " <a href='".$list[$i][comment_href]."'><span class='s11'>".$list[$i][comment_cnt]."</span></a></td></tr>";
echo "<tr><td align=center height='20' valign='top'> ".$list[$i][icon_new]." ".$list[$i][icon_hot] ;
if ($is_admin) {
echo "<br><font style='font-size:10px;font-family:Tahoma;color:#DEAAAD'>[".$list[$i][datetime2].", ".$list[$i][wr_hit]."]</font>" ;
}
echo "</td></tr>";
echo "</table></td>\n";
}
// 나머지 td
$cnt = $i%$mod;
if ($cnt)
for ($i=$cnt; $i<$mod; $i++)
echo "<td width='{$td_width}%'> </td>";
echo "</tr>";
//echo "<tr><td colspan='{$mod}' height='1' style=\"background: url('{$board_skin_path}/img/ver3_dot.gif') left;\"></td></tr>";
if (count($list) == 0) { echo "<tr><td colspan='$mod' height=100 align=center>게시물이 없습니다.</td></tr>"; }
?>
<tr><td colspan="<?=$mod?>" height="1" style="background: url('<?=$board_skin_path?>/img/ver3_dot.gif') left;"></td></tr>
<!-- 내용 끝-->
</table>
</form>
<!-- 페이지 -->
<table width="100%" cellspacing="0" cellpadding="0">
<tr>
<td width="100%" align="center" height=30 valign=bottom>
<? 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' title='처음'>", $write_pages);
$write_pages = str_replace("이전", "<img src='{$board_skin_path}/img/prev.gif' border='0' title='이전'>", $write_pages);
$write_pages = str_replace("다음", "<img src='{$board_skin_path}/img/next.gif' border='0' title='다음'>", $write_pages);
$write_pages = str_replace("맨끝", "<img src='{$board_skin_path}/img/end.gif' border='0' title='맨끝'>", $write_pages);
$write_pages = preg_replace("/<span>([0-9]*)<\/span>/", "<b><font class=\"s11 color_gray1\">$1</font></b>", $write_pages);
$write_pages = preg_replace("/<b>([0-9]*)<\/b>/", "<b><font class=\"s11 color_pink1\">$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>
<!-- 버튼 링크 -->
<form name=fsearch method=get style="margin:0px;">
<input type=hidden name=bo_table value="<?=$bo_table?>">
<input type=hidden name=sca value="<?=$sca?>">
<table width=100% cellpadding=0 cellspacing=0>
<tr>
<td width="50%" height="40">
<? if ($list_href) { ?><a href="<?=$list_href?>"><img src="<?=$board_skin_path?>/img/btn_list.gif" border="0"></a><? } ?>
<? if ($write_href) { ?><a href="<?=$write_href?>"><img src="<?=$board_skin_path?>/img/btn_write.gif" border="0"></a><? } ?>
<? if ($is_checkbox) { ?>
<a href="javascript:select_delete();"><img src="<?=$board_skin_path?>/img/btn_select_delete.gif" border="0"></a>
<a href="javascript:select_copy('copy');"><img src="<?=$board_skin_path?>/img/btn_select_copy.gif" border="0"></a>
<a href="javascript:select_copy('move');"><img src="<?=$board_skin_path?>/img/btn_select_move.gif" border="0"></a>
<? } ?>
</td>
<td width="50%" align="right">
<input type="hidden" name=sfl value='wr_subject||wr_content'><input type="hidden" name=sop value="and">
<input name=stx maxlength=15 size=20 itemname="검색어" required value="<?=$stx?>" class="ed">
<input type=image src="<?=$board_skin_path?>/img/search_btn.gif" border=0 align=absmiddle></td>
</tr>
</table>
</form>
</td></tr></table>
<!-- 카테고리 링크로 인한 삭제
<script language="JavaScript">
if ("<?=$sca?>") document.fcategory.sca.value = "<?=$sca?>";
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>
<? } ?>
<!-- 게시판 목록 끝 -->
댓글 전체
<img src=... 태그 안에 onClick="image_window('$thumbsource');" 추가하면 될 것 같은데요....
말씀하신거처럼 이렇게 고쳤는데 아예 클릭이 안돼네요. 내용도 안들어가지고 팝업도 안뜨고요.
로 고치면요?
<a href="javascript:image_window2('<?={$list[$i][file][0][path]}?>/<?={$list[$i][file][0][file]}?>',<?={$list[$i][file][0][image_width]?>,<?={$list[$i][file][0][image_height]}?>)"><img src=....></a>
이렇게 링크를 만들고
image_window()함수를 복사해서 image_window2(img,w,h) 이렇게 함수를 하나더 만드세요
그리고 var w=.. 과 var h=.. 부분은 삭제
함수 중 이미지 출력하는 부분에 img.src 라는 것이 있는데 이것을 img 로 변경
이럴게 만들면 뷰페이지처럼 큰 이미지는 드래그 하여 볼 수 있도록 만들어집니다
image_window()함수를 조금 수정해서 두 종류를 모두 사용하게 하면 되지만 그냥 간단한 방법입니다
http://sir.co.kr/bbs/board.php?bo_table=g4_tiptech&wr_id=6398&sca=&sfl=wr_subject%7C%7Cwr_content&stx=zzzz&sop=and
image_window() 함수를 수정한 상태에선 그냥 onClick="image_window('이미지');" 만으로도 잘 되길래 ^^;
균이님 말씀이 정답!!!