리스트이미지새창띄우기 > 그누4 팁자료실

그누4 팁자료실

그누보드4와 관련된 팁을 여러분들과 함께 공유하세요.
나누면 즐거움이 커집니다.

리스트이미지새창띄우기 정보

리스트이미지새창띄우기

본문

안녕하세요 짜집퍼입니다....

사용한 게시판은 http://www.sir.co.kr/bbs/tb.php/g4_skin_board/6673 목진철님 제품소개게시판입니다.

리스트화면에서 이미지클릭하면 새창으로 보기 가능하며 마우스로 이미지를 움직일수 있습니다.

소스지저분하며 필요없는소스 중간중간 있습니다. 알아서 정리하셔야 할듯 (짜집퍼라 힘듬)

우선올립니다.














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

?>



<table width="<?=$width?>" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td>
            <table width="<?=$width?>" border="0" align="right" cellpadding="0" cellspacing="0">
                <tr>
                    <td><img src="<?=$board_skin_path?>/img/progress/img_top.gif" width="620" height="7"></td>
                </tr>
                <tr>
                    <td background="images/software/img_bg.gif">
                        <table width="620" border="0" cellpadding="0" cellspacing="0">
                            <tr>
                                <td background="<?=$board_skin_path?>/img/progress/img_bg.gif">
                                    <table width="600" border="0" align="center" cellpadding="0" cellspacing="0">
                                        <tr>
                                            <td><img src="<?=$board_skin_path?>/img/progress/img_text1.gif" width="477" height="30"></td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <table width="600" border="0" cellspacing="0" cellpadding="0">
                                                    <tr>
                                                        <td><img src="<?=$board_skin_path?>/img/progress/img_text2.gif" width="331" height="58"></td>
                                                        <td width="80" valign="top">
                                                            <table width="120" border="0" cellspacing="0" cellpadding="0">
                                                                <tr>
                                                                    <td height="14"></td>
                                                                </tr>
                                                                <tr>
                                                                    <td>&nbsp;</td>
                                                                </tr>
                                                            </table>
                                                        </td>
                                                    </tr>
                                                </table>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td height="39">
                                                <table width="527" border="0" cellspacing="0" cellpadding="0">
                                                    <tr>
                                                        <td width="8">&nbsp;</td>
                                                        <td width="519">
                                                            <table width="600" border="0" cellspacing="0" cellpadding="0">
                                                                <tr>
                                                                    <td width="4" height="4"><img src="<?=$board_skin_path?>/img/progress/table_img1.gif" width="4" height="4"></td>
                                                                    <td height="4" background="<?=$board_skin_path?>/img/progress/table_img1_bg.gif"></td>
                                                                    <td width="4" height="4"><img src="<?=$board_skin_path?>/img/progress/table_img2.gif" width="4" height="4"></td>
                                                                </tr>
                                                                <tr>
                                                                    <td width="4" background="<?=$board_skin_path?>/img/progress/table_img2_bg.gif"></td>
                                                                    <td height="22"><!--서브메뉴--><? include "category.php"; ?><!--서브메뉴끝--></td>
                                                                    <td width="4" background="<?=$board_skin_path?>/img/progress/table_img4_bg.gif"></td>
                                                                </tr>
                                                                <tr>
                                                                    <td width="4" height="4"><img src="<?=$board_skin_path?>/img/progress/table_img3.gif" width="4" height="4"></td>
                                                                    <td background="<?=$board_skin_path?>/img/progress/table_img3_bg.gif"></td>
                                                                    <td width="4" height="4"><img src="<?=$board_skin_path?>/img/progress/table_img4.gif" width="4" height="4"></td>
                                                                </tr>
                                                            </table>
                                                        </td>
                                                    </tr>
                                                </table>
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
                <tr>
                    <td><img src="<?=$board_skin_path?>/img/progress/img_bottom.gif" width="620" height="7"></td>
                </tr>
            </table>
        </td>
    </tr>
    <tr>
        <td height="10"></td>
    </tr>
</table>



<table width="<?=$width?>" align="center" cellpadding="0" cellspcing="0"><tr><td>

<!-- 분류 셀렉트 박스, 게시물 몇건, 관리자화면 링크 시작 -->
<table width="100%" cellspacing="0" cellpadding="0">
<tr>
<!--    <? if ($is_category) { ?><form name="fcategory" method="get">
    <td width="50%"><select name=sca onchange="location='<?=$category_location?>'+this.value;"><option value=''>전체</option><?=$category_option?></select></td>
    </form><? } ?> -->
    <td height=25 align="right"><!-- <font class=w_font>게시물 <?=number_format($total_count)?>건</font> --><? if ($admin_href) { ?><a href="<?=$admin_href?>"><img src="<?=$board_skin_path?>/img/admin_button.gif" title="관리자" width="63" height="22" border="0" align="absmiddle"></a><? } ?></td>
</tr>
</table>
<!-- 분류 셀렉트 박스, 게시물 몇건, 관리자화면 링크 끝 -->

<!-- 여백 --><table width="100%" cellspacing="0" cellpadding="0"><tr><td height="5"></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="";
   
$_datetime=$list[$i][datetime2];
    $_hit=$list[$i][wr_hit];


    $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])
    $img = "$board_skin_path/img/progress/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]}'>";
    $view_img  = "<a href=\"javascript:;\" OnClick=\"image_window('$g4[path]/data/file/$bo_table/$image')\" onFocus=\"this.blur();\">";



















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

$link = cut_str($list[$i][wr_link1], 70);
$homepageurl="<a href='{$list[$i][wr_link1]}' target=_blank>{$link}</a>";
$homepageurl2="<a href='{$list[$i][wr_link1]}' target=_blank>";

$wr_guide = nl2br(cut_str($list[$i][wr_2],250));

    $tr = "";
    if ($i && $i%$board[bo_gallery_cols]==0)
        $tr = "</tr><tr>";
    echo "$tr";

echo <<<HEREDOC
<td width="{$td_width}%" valign="top" align="center">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
        <td>
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                    <td width="210">
                        <table border="0" cellpadding="0" cellspacing="0">
                            <tr>
                                <td height="9" colspan="3"><img src="{$board_skin_path}/img/progress/skin_top.gif" width="210" height="9"></td>
                            </tr>
                            <tr>
                                <td width="9" background="{$board_skin_path}/img/progress/skin_left.gif">&nbsp;</td>
                                <td width="170" height="128">



<img src="{$img}" name='gallery_img' width="100" height="100" border='0'
onclick="image_window('{$img}')" style='cursor:pointer'>






</td>
                                <td width="9" valign="top" background="{$board_skin_path}/img/progress/skin_right.gif"><img src="{$board_skin_path}/img/progress/skin_right_img.gif" width="9" height="5"></td>
                            </tr>
                            <tr>
                                <td colspan="3"><img src="{$board_skin_path}/img/progress/skin_down.gif" width="210" height="9"></td>
                            </tr>
                        </table>
                    </td>
<td width="386" valign="top">
<table width="98%" border="0" align="right" cellpadding="0" cellspacing="0">
<tr><td height=2 bgcolor=#B0ADF5></td></tr>
<tr><td height=30><img src="{$board_skin_path}/img/homepagemake_icon.gif" width="9" height="9"> 제품명
: {$checkbox}{$view_href}{$list[$i][subject]}</a></td></tr>
<tr><td height=1 bgcolor=#E7E7E7></td></tr>
<tr><td height=30><img src="{$board_skin_path}/img/homepagemake_icon.gif" width="9" height="9"> 소비자가
: <font color="red">{$list[$i][wr_1]}</font> 원</td></tr>
  <tr><td height=1 bgcolor=#E7E7E7></td></tr>
</tr>
<tr>
<td height="10" ></td>
</tr>
<tr>
<td>
{$view_href}{$wr_guide}</a>
</td>
</tr>
</table>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
<!--    <tr>
        <td height="10">&nbsp;</td>
    </tr>
    <tr>
        <td height="5"><img src="{$board_skin_path}/img/progress/line.gif" width="100%" height="5"></td>
    </tr> -->
</table>
<br>
    </td>
HEREDOC;
}

// 나머지 td 를 채운다.
if (($cnt = $i%$list_mod) != 0)
    for ($k=$cnt; $k<$list_mod; $k++)
        echo "<td>&nbsp;</td>\n";

if ($i == 0)
    echo "<td colspan='$board[bo_gallery_cols]' height=50 align=center>게시물이 없습니다.</td>";
?>
</form>
</tr>
</table>

<!-- <table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td  height="1" width="100%" bgcolor="#CCCCCC"></td></tr></table> -->

<!-- 페이지 표시 시작 -->
<table width="100%" cellspacing="0" cellpadding="0">
<tr>
    <td height="20" align="center" valign="middle">
        <table width="500" border="0" cellspacing="0" cellpadding="0">
        <tr>
            <td width="100%" align="center">
                <? if ($prev_part_href) { echo "<a href='$prev_part_href'><img src='$board_skin_path/img/btn_search_prev.gif' width=50 height=20 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>/", "<font style=\"font-family:돋움; font-size:9pt; color:#797979\">$1</font>", $write_pages);
                $write_pages = preg_replace("/<b>([0-9]*)<\/b>/", "<font style=\"font-family:돋움; font-size:9pt; color:orange;\">$1</font>", $write_pages);
                ?>
                <strong><?=$write_pages?></strong>
                <? if ($next_part_href) { echo "<a href='$next_part_href'><img src='$board_skin_path/img/btn_search_next.gif' width=50 height=20 border=0 align=absmiddle title='다음검색'></a>"; } ?>
            </td>
        </tr>
        </table>
</td>
</tr>
</table>
<!-- 페이지 표시 끝 -->

<table width="100%" cellspacing="0" cellpadding="0">
<tr align="left" valign="middle">
    <td width="50%" height="40">
        <? if ($list_href) { ?><a href="<?=$list_href?>"><img src="<?=$board_skin_path?>/img/btn_list.gif" border="0" align="absmiddle"></a><? } ?>
        <? if ($write_href) { ?><a href="<?=$write_href?>"><img src="<?=$board_skin_path?>/img/btn_write.gif" border="0" align="absmiddle"></a><? } ?>
        <? if ($is_checkbox) { ?>
            <a href="javascript:select_delete();"><img src="<?=$board_skin_path?>/img/btn_select_delete.gif" border="0" align="absmiddle"></a>
            <a href="javascript:select_copy('copy');"><img src="<?=$board_skin_path?>/img/btn_select_copy.gif" border="0" align="absmiddle"></a>
            <a href="javascript:select_copy('move');"><img src="<?=$board_skin_path?>/img/btn_select_move.gif" border="0" align="absmiddle"></a>
        <? } ?>
    </td>
    <form name=fsearch method=get>
    <input type=hidden name=bo_table value="<?=$bo_table?>">
    <input type=hidden name=sca      value="<?=$sca?>">
    <td width="50%" align="right">
        <select name=sfl>
            <option value='wr_subject'>제목</option>
        </select>
        <INPUT maxLength=15 size=10 name=stx itemname="검색어" required value="<?=$stx?>">
        <SELECT name=sop>
            <OPTION value=and>And</OPTION>
            <OPTION value=or>Or</OPTION>
        </SELECT>
    </td>
    <td width="10%" align="center">&nbsp;<INPUT type=image src="<?=$board_skin_path?>/img/homepagemake_bt.gif" border=0></td>
    </form>
</tr>
</table>

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


<script language="JavaScript">
// HTML 로 넘어온 <img ... > 태그의 폭이 테이블폭보다 크다면 테이블폭을 적용한다.
function resize_image()
{
    var target = document.getElementsByName('target_resize_image[]');
  // var image_width = parseInt('<?=$board[bo_image_width]?>');
    var image_width = 50;
    var image_height = 50;

    for(i=0; i<target.length; i++)
    {
        // 원래 사이즈를 저장해 놓는다
        target[i].tmp_width  = target[i].width;
        target[i].tmp_height = target[i].height;
        // 이미지 폭이 테이블 폭보다 크다면 테이블폭에 맞춘다
        if(target[i].width > image_width)
        {
//            image_height = parseFloat(target[i].width / target[i].height)
            target[i].width = image_width;
            target[i].height = image_height;
//          target[i].height = parseInt(image_width / image_height);

            // 스타일에 적용된 이미지의 폭과 높이를 삭제한다
            target[i].style.width = '';
            target[i].style.height = '';
        }
        target[i].style.borderWidth = '1px';
        target[i].style.borderStyle = 'solid';
        target[i].style.borderColor = '#000000';
    }
}

window.onload = resize_image;

function file_download(link, file)
{
<? if ($board[bo_download_point] < 0) { ?>if (confirm("'"+file+"' 파일을 다운로드 하시면 포인트가 차감(<?=number_format($board[bo_download_point])?>점)됩니다.\n\n포인트는 게시물당 한번만 차감되며 다음에 다시 다운로드 하셔도 중복하여 차감하지 않습니다.\n\n그래도 다운로드 하시겠습니까?"))<?}?>
document.location.href = link;
}
</script>
<!-- 게시글 보기 끝 -->





<? } ?>
추천
0
  • 복사

댓글 8개

이미지 새창 띠운상태에서 다음글의 이미지를 볼수 있는 버튼을 넣어서 눌르면 볼수 있도록 할수있낭요?
하실수 있으시면 소스좀 알려주실수 있나요 ㅠㅠ?
이미지 새창 띠운상태에서 다음글의 이미지를 볼수있도록 하는것은 각 이미지크기가 다를경우나 화면보다 클경우
문제가 되듯싶구요....

관련스킨을 찾아보세요....

http://www.sir.co.kr/bbs/board.php?bo_table=g4_skin_board&wr_id=6052&sca=%B0%B6%B7%AF%B8%AE&page=4


http://www.sir.co.kr/bbs/board.php?bo_table=g4_skin_board&wr_id=2747&sca=%B0%B6%B7%AF%B8%AE&page=7
이것말고도 램덤으로뽑는거나 전체게시글에서 이미지뽑기 같은 팁과 스킨이 있는걸로 알고 있습니다...
좋은답변 못드리네요...^^
우선사용게시판이
http://www.sir.co.kr/bbs/tb.php/g4_skin_board/6673 목진철님 제품소개게시판 인지 알아야겠구요...
저같은경우는 위소스로 잘됩니다.

어떤에러인지모르겠지만...
주내용은 이거입니다....짜집기해보세요


<?
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="";
   
$_datetime=$list[$i][datetime2];
    $_hit=$list[$i][wr_hit];


    $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])
    $img = "$board_skin_path/img/progress/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]}'>";
    $view_img  = "<a href=\"javascript:;\" OnClick=\"image_window('$g4[path]/data/file/$bo_table/$image')\" onFocus=\"this.blur();\">";




생략




<img src="{$img}" name='gallery_img' width="100" height="100" border='0'
onclick="image_window('{$img}')" style='cursor:pointer'>




생략



<script language="JavaScript">
// HTML 로 넘어온 <img ... > 태그의 폭이 테이블폭보다 크다면 테이블폭을 적용한다.
function resize_image()
{
    var target = document.getElementsByName('target_resize_image[]');
  // var image_width = parseInt('<?=$board[bo_image_width]?>');
    var image_width = 50;
    var image_height = 50;

    for(i=0; i<target.length; i++)
    {
        // 원래 사이즈를 저장해 놓는다
        target[i].tmp_width  = target[i].width;
        target[i].tmp_height = target[i].height;
        // 이미지 폭이 테이블 폭보다 크다면 테이블폭에 맞춘다
        if(target[i].width > image_width)
        {
//            image_height = parseFloat(target[i].width / target[i].height)
            target[i].width = image_width;
            target[i].height = image_height;
//          target[i].height = parseInt(image_width / image_height);

            // 스타일에 적용된 이미지의 폭과 높이를 삭제한다
            target[i].style.width = '';
            target[i].style.height = '';
        }
        target[i].style.borderWidth = '1px';
        target[i].style.borderStyle = 'solid';
        target[i].style.borderColor = '#000000';
    }
}

window.onload = resize_image;

function file_download(link, file)
{
<? if ($board[bo_download_point] < 0) { ?>if (confirm("'"+file+"' 파일을 다운로드 하시면 포인트가 차감(<?=number_format($board[bo_download_point])?>점)됩니다.\n\n포인트는 게시물당 한번만 차감되며 다음에 다시 다운로드 하셔도 중복하여 차감하지 않습니다.\n\n그래도 다운로드 하시겠습니까?"))<?}?>
document.location.href = link;
}
</script>
<!-- 게시글 보기 끝 -->
© SIRSOFT
현재 페이지 제일 처음으로