갤러리 리스트에서 가로세로 비율을 그림처럼 맞출순 없나요? > 그누3질답

그누3질답

갤러리 리스트에서 가로세로 비율을 그림처럼 맞출순 없나요? 정보

그누보드 갤러리 리스트에서 가로세로 비율을 그림처럼 맞출순 없나요?

본문

http://www.sir.co.kr/?doc=bbs/gnuboard.php&bo_table=skin3&sselect=ca_id&stext=2&page=5&wr_id=40

이은태님의 스킨처럼 가로세로 비율이 맞게 사용하려고 합니다. 그런데 이은태님의 스킨은 에러가 나네요. 기본적으로 서버에 GD library 가 설치 되어 있어야 한다는데 아무래두 그 부분때문인 것 같습니다.
지금 제가 사용하고 있는 스킨은 7쟁이님 갤러리 스킨을 쓰고 있습니다. 아래는 gblist.skin.php 이구요.
그런데 가로폭을 맞추면 세로가 들죽날죽하고 세로를 맞추면 가로가 길어져서 폼이 깨지고 하네요.
방법이 없을 까요?

*** gblist.skin.php *********************************************************************

<?
$image_width  = 100; // 이미지 폭
$image_height = 80; // 이미지 높이
?>
<script language="JavaScript">
<!--
function bluring(){
if(event.srcElement.tagName=="A"||event.srcElement.tagName=="IMG") document.body.focus();
}
document.onfocusin=bluring;
// -->
</script>
<script language="JavaScript1.2">
function high(which2){
theobject=which2
highlighting=setInterval("highlightit(theobject)",50)
}
function low(which2){
clearInterval(highlighting)
which2.filters.alpha.opacity=40
}


function highlightit(cur2){
if (cur2.filters.alpha.opacity<100)
cur2.filters.alpha.opacity+=20
else if (window.highlighting)
clearInterval(highlighting)
}
</script>
<script language="JavaScript">
var imgObj = new Image();
function showImgWin(imgName) {
  imgObj.src = imgName;
  setTimeout("createImgWin(imgObj)", 100);
}
function createImgWin(imgObj) {
  if (! imgObj.complete) {
    setTimeout("createImgWin(imgObj)", 100);
    return;
  }
  imageWin = window.open("", "imageWin",
  "width=" + imgObj.width + ",height=" + imgObj.height);
  imageWin.document.write("<html><body style='margin:0'>");
  imageWin.document.write("<img src='" + imgObj.src + " 'onclick=window.close() style=position:absolute;top:0pt;left:0pt;cursor:hand;>");
  imageWin.document.write("</body><html>");
  imageWin.document.title = ("원본보기")
}
</script>

<link rel='stylesheet' href='<?=$board_skin?>/style.skin.css' type='text/css'>

<META http-equiv="imagetoolbar" content="no">
<table width='<?=$width?>' align=center><tr><td>

<table width=100% style="border-top-width:0; border-right-width:0; border-bottom-width:1; border-left-width:0; border-color:#E0DFDF; border-top-style:solid; border-left-style:solid; border-bottom-style:solid; border-right-style:solid;">
<tr>
    <form name=fcategory method=get action='./'>
    <input type=hidden name=doc value='<?=$doc?>'>
    <td width=50%>
        <? if ($is_category) { ?>
            <select name=ca_id onchange="location='<?=$category_location?>'+this.value;" class=select>
            <option value=''>전체</option>
            <?=$category_option?>
            </select>
        <? } ?>
    </td>
    </form>
    <td width=50% align=right><span class=etc>게시물 <?=nf($total_count)?>건</span>
    <? if ($admin_href) { echo "<a href='$admin_href'><u>A</u></a>"; } ?></td>
</tr>
</table>
<form name=frmgblist method='post' action='<?="./?doc=$cfg[bbs_dir]/gbdeleteall.php"?>'>
        <input type=hidden name=bo_table value='<?=$bo_table?>'>
        <input type=hidden name=sselect  value='<?=$sselect?>'>
        <input type=hidden name=stext    value='<?=$stext?>'>
        <input type=hidden name=section  value='<?=$section?>'>
        <input type=hidden name=page    value='<?=$page?>'>

<?
// 번호에 이미지를 사용할 경우는 아래의 주석을 제거하고 $list[$i][num]의 내용을 수정후 사용하세요.
// if (!is_int($list[$i][num])) { $list[$i][num] = "<img src='$board_skin/img/arrow.gif'>"; }
?>
<table width=99% align=center style="border-top-width:0; border-right-width:0; border-bottom-width:1; border-left-width:0; border-color:#E0DFDF; border-top-style:solid; border-left-style:solid; border-bottom-style:solid; border-right-style:solid;">
<tr>
<? 
for ($i=0; $i<count($list); $i++) {

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

if (!file_exists($list[$i][file_image1])) { $list[$i][file_image1] = "$board_skin/noimage.gif"; }
?>


    <td width='<?=$td_width?>%' valign=top align=center>
        <table !bgcolor=silver cellpadding=3 cellspacing=3 width="160" height="160" align=center style="border-top-width:1; border-right-width:1; border-bottom-width:1; border-left-width:1; border-color:#E4E4E4; border-top-style:solid; border-left-style:solid; border-bottom-style:solid; border-right-style:solid;" bgcolor=#F8F8F8>
        <tr>

            <td align=center valign=middle><a href="javascript:showImgWin('<? if ($member[mb_level] >= 2 || $is_admin == "default" || $is_admin == "group") { ?><?=$list[$i][file_image1]?><? } ?>')"><img src='<?=$list[$i][file_image1]?>' width="160"  border=0 alt='<?=$list[$i][wr_subject]?>' style='border-color:#555555;'></a>
            </td>

        </tr>
        </table>
        <br>
<? if ($is_checkdelete) { ?><input type=checkbox name=chk_wr_id[] value='<?=$list[$i][wr_id]?>'><? } ?><img src='./<?=$board_skin?>/p_icon.gif' border=0>&nbsp;<a href='<?=$list[$i][href]?>'><? if ($list[$i][is_notice]) echo "<b>"; ?><?=$list[$i][subject]?><? if ($list[$i][is_notice]) echo "</b>"; ?></a>&nbsp;&nbsp;<?=$list[$i][icon_new]?>
            <span style='font-size:8pt;'><?=$list[$i][commentcnt]?></span>


    </td>

<? }
 if (count($list) == 0) { echo "<tr><td colspan=8 align=center height=100 class='content contentbg'>자료가 없습니다.</td></tr>"; }
?>

</form>
                </tr>
</table>

<table width=100%><br>
<tr>
    <td width=50%>
      &nbsp;&nbsp;<? if ($list_href) { echo "[<a href='$list_href'>목록</a>]"; } ?>
        <? if ($write_href) { echo "[<a href='$write_href'>글쓰기</a>]"; } ?>
        <? if ($is_checkdelete) { ?>
        [<a href='javascript:all_checked(true);'>전체선택</a>]
        [<a href='javascript:all_checked(false);'>선택해제</a>]
        [<a href='javascript:all_delete();'>선택삭제</a>]
        <script language='javascript'>
            function all_checked(sw)
            {
                var f = document.frmgblist;

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

            function all_delete()
            {
                var f = document.frmgblist;
                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("게시물을 하나 이상 선택하세요.");
                    return;
                }

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

                f.submit();
            }
        </script>
        <? } ?>
    </td>
    <form name=fsearch method=get action='./'>
    <input type=hidden name=doc value='<?=$doc?>'>
    <input type=hidden name=bo_table value='<?=$bo_table?>'>
    <td width=50% align=right>
        <select name=sselect class=select>
            <option value='wr_subject|wr_content'>제목+내용</option>
            <option value='wr_name'>이름</option>
            <option value='wr_num'>번호</option>
            <option value='wr_datetime'>날짜</option>
            <option value='wr_subject'>제목</option>
            <option value='wr_content'>내용</option>
            <option value='wr_hit'>읽음</option>
            <? if ($is_good) { ?><option value='wr_good'>추천</option><? } ?>
            <? if ($is_nogood) { ?><option value='wr_nogood'>비추천</option><? } ?>
        </select>
<input type=text name=stext size=10 required itemname='검색어' value='<?=$stext?>' >
        <select name=soperator class=select>
            <option value='0'>OR</option>
            <option value='1'>AND</option>
        </select>
        <input type=image src='<?="$board_skin/search.gif"?>' border=0 alt='검색' align=absmiddle>
    </td>
    </form>
</tr>
</table>

<? if ($stext) { ?>
    <script language='JavaScript'>
        if ('<?=$sselect?>' == 'ca_id') {
            document.fcategory.ca_id.value = '<?=$stext?>';
            document.fsearch.stext.value = '';
        } else {
            document.fsearch.sselect.value  = '<?=$sselect?>';
            document.fsearch.soperator.value = '<?=(int)$soperator?>';
        }
    </script>
<? } ?>

<table width=100%>
<tr>
    <td align=right>
        <? if ($prev_section_href) { echo "<a href='$prev_section_href'><img src='$board_skin/sectionprev.gif' border=0 alt='이전검색'></a>"; } ?>
        <?=$write_pages?>
        <? if ($next_section_href) { echo "<a href='$next_section_href'><img src='$board_skin/sectionnext.gif' border=0 alt='다음검색'></a>"; } ?>
    </td>
</tr>
</table>

    </form>
</td></tr></table>
  • 복사

댓글 전체

porgy 자기소개 아이디로 검색 회원게시물 (61.♡.♡.8) 04.03.30 11:31:34
제가 질문을 잘못 이해했군요
gblist.skin.php  에서
<img src='$thum' width='$thum_W' height='$thum_H' 
이렇게 하시고
_include.php  상단에서

$max = 145 ; //[필수](픽셀) // 썸네일 이미지의 가로세로(긴쪽)의 최대치.        여기서  사이즈 조정 하시면 됩니다
이정수 자기소개 아이디로 검색 회원게시물 (218.♡.♡.25) 04.03.29 16:04:02
그렇게 사이즈를 지정해 주면, 사진비율이 안맞을 수 있어서 이렇게 문의 드린겁니다. 어쩌면 그렇게 지정해 놓고 그림 사이즈를 수정해서 올리면 좋겠지만, 더 좋은 방법이 있을 것 같습니다.
테이블 크기가 160x120이라고 하면 테이블 크기가 깨지지 않고 그 테이블 크기에서 그림파일이 일정한 비율로 축소되어서 보이게 하는 거요. 초짜가 하려니 머리 아프네요... 이리저리 짜집기하며 해보고 있지만 쉽지가 안네요.

암튼 PORGY님 답변 감사드리구요. 7쟁이님 언제쯤 완성 될까요? 궁금하네요.....^__________^
7쟁이 홈페이지 자기소개 아이디로 검색 회원게시물 (211.♡.♡.79) 04.03.29 14:00:07
조금만 더 기달려 주세요..
점심시간 이용해서 잠깐 이리저리 만져보긴 했는데 아마도 더 멋진게 나올꺼에요^^
http://arttoart.pe.kr/gnu3/?doc=bbs/gnuboard.php&bo_table=inmul
목록
문의 PC 버전
© SIRSOFT
현재 페이지 제일 처음으로