가로배열에 관한 질문입니다. > 그누3질답

그누3질답

가로배열에 관한 질문입니다. 정보

그누보드 가로배열에 관한 질문입니다.

본문

아래는 최신글 섬네일기능을 가져온 것입니다.....아래 소스를 토대로 최신글에서 이미지를
<?=latest('basic_gallery01',photo, 2, 20);?>이렇게 불러왔습니다...
그런데 문제는 가로로 배열이 되어야 되는데 세로로 배열이 이루어 집니다...
가로로 배열하는 방법이 없을 까요?    조언 부탁합니다..........
=========================================================================================================
<?
include_once $board_skin."/_include.php";
?>
<table width=100% cellpadding=0 cellspacing=1>
<tr><td height="127" align="left">


<!-- 여기부터 반복 부분 ========================================== -->
<table width="100%" align=center cellpadding="0" border=0 >
<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"; }


########################################################################################################

$ori = $list[$i][file_image1]; //[필수](URL) "./img/Test.gif"

$ext = strtolower(substr(strrchr($ori,"."), 1)); //확장자

//if ( file_exists($ori) ) $ori_info=getimagesize($ori); else $ori_info=""; //파일이 있을 경우, 확장자 지정.
if ( $ext=="gif"||$ext=="jpg"||$ext=="jpeg"||$ext=="png"||$ext=="bmp"||$ext=="tif"||$ext=="tiff") $ori_info=getimagesize($ori); else $ori_info="";



if ( $ori_info[2]=="2" || $ori_info[2]=="3" ) { //================ 원파일이 [ 2JPG, 2JPEG, 3PNG ] 경우.


$thum = $ori.".Thum" ;
if ( file_exists($thum) ) { // Thumbnail [O] 경우

$thum_info = getimagesize ($thum);
$thum_W = $thum_info[0] ;
$thum_H = $thum_info[1] ;

} else { // Thumbnail [X] 경우

if ( smaller( $ori_info[0], $ori_info[1] ) ) {

maker( $thum_W, $thum_H );
}
}

} else if ( $ori_info[2]=="1" || $ori_info[2]=="6" || $ori_info[2]=="7" ) { //=================== 원파일이 [ 1GIF,6BMP,7TIF ] 경우.

if ( smaller( $ori_info[0], $ori_info[1] ) ) {

$thum = $ori ;
}

} else { //============================== 원파일이 [ 1,2,3,6,7 ] 아닐 경우.

$thum = $noIMG ;
$noIMG_info = getimagesize ($noIMG);
$thum_W = $noIMG_info[0] ;
$thum_H = $noIMG_info[1] ;
}
#############################################


?>

    <td width='<?=$td_width?>%' valign=top align=center>

        <table width='<?=$max+14?>' height='<?=$max+14?>' bgcolor=silver cellpadding=0 cellspacing=0 border=0 >

        <tr>
            <td style='border-width:1px; border-style:outset; ' align=center valign=middle bgcolor=#F2F4F4 >

<!-- <a href='<?=$list[$i][href]?>'><img src='<?=$list[$i][file_image1]?>' width='<?=$image_width?>' height='<?=$image_height?>' border=1 alt='<?=$list[$i][wr_subject]?>' style='border-color:red;'></a> -->


<TABLE cellpadding=0 cellspacing=0 border=0 >
<TR>
<TD style='border-width:1px; border-style:inset; border-right-color: white; border-bottom-color: white;' >
<a href='<?=$list[$i][href]?>' onfocus=blur()><img src='<?=$thum?>' width='<?=$thum_W?>' height='<?=$thum_H?>' alt='<?=$list[$i][wr_subject]?>' !style='border-color:white; border-width:1px; border-style:inset;' border=0 ></a></TD>

</TR>
</TABLE>


</td>
        </tr>

        </table>

<TABLE height=5 cellspacing=0 ><TR><TD></TD></TR></TABLE>

        <? if ($is_checkdelete) { ?><input type=checkbox name=chk_wr_id[] value='<?=$list[$i][wr_id]?>'><? } ?>&nbsp;<a href='<?=$list[$i][href]?>'><? if ($list[$i][is_notice]) echo "<b>"; ?><?=cut_str($list[$i][subject],$str,"…");?></a> <?=$list[$i][icon_new]?><? if ($list[$i][is_notice]) echo "</b>"; ?>
            <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>
        <p><!-- 여기까지 반복 부분 ======================================================= --></p>

</td>
</tr>
</table>

댓글 전체

예쁘게 옷입혀서 제게도 하나 나눠주세옵!!
리스트의 테이블 구조를 옷입히기 좋게 짜넣었으므로 보더를 1로 주신 다음 구조를 파악해 보세요.
포토샾으로 할줄아는게 사문서 위조나 하는 정도라서 괴로울뿐입니다.
연휴 밑에 한양 갔다가 길 막혀 죽는줄 알았네요.. 어디를 그렇게들 가려는 것인지!??
허헛~~~ ^^
이렇게 바로 또 글을 올려 주셨군요..............감사감사 ...
얼른 스킨 받아 연구해봐야 겠습니다..............
홈피를 오픈하려니 컨텐츠가 너무없어 오픈하기가 힘들군요... 이제껏 여러님들의 홈피
구경만 한것도 죄송스럽기도 하고...오픈하려니 한심하고..에휴~~~~~~~~
작업중인 임시 대문을 독특하다고 하시니 그냥 독특하게 가야될려나 봅니다!
지도편달 바라옵고,,,

갤러리로 사용하는 보드의 썸네일 생성 소스(이은태님의 _include.php)파일의 상단에 ..
$max = 80 ; //[필수](픽셀) // 썸네일 이미지의 가로세로(긴쪽)의 최대치.
처럼 생성되는 썸네일의 크기를 지정하도록 되어있는 걸로 압니다.
그래서 최신이미지에서 사용할 썸네일의 크기를 위 보드에서 생성된 썸네일 크기와 일치시키는 방법을 사용했습니다.
가로 세로 이미지가 뒤섞인 경우 최신글 스킨에서
'$thum_W  = 58; // 이미지 폭, $thum_H = 80; // 이미지 높이' 부분의 좀더 구체적인 코딩이 되어야 할 것이지만, 저의 경우는 업로드 이미지를 일정한 타입으로 정해놓고 작업하기로 하고 지정해 놓은 것입니다.
참고로 소스 수정후 기존 생성된 썸네일의 크기와  새롭게 생성되는 썸네일의 크기가 달라지는 경우,
이를 수정후 크기로 통일해주는 작업을 해주어야 하는데,
간단하게 data/file/해당 테이블명 하위의 ***.jpg.Thum 구조의 파일을 모두 삭제한다음 보드를 다시 불러내면 자동으로 수정된 썸네일 크기로 재 생성되더군요.
세분 고수님들의 소스를 믹싱한 허접한 스킨을 아래 링크에 올려놓았습니다.
http://www.sir.co.kr/?doc=bbs/gnuboard.php&bo_table=skin3&page=2&wr_id=557
참고하세요.
jack님// 죄송할것까지 없습니다.... 도와주려는 마음만으로도 고마울 따름입니다....^^
플록님// 최신글 스킨 소스를 잘 보았습니다.... 홈페이지가 상당히 독특한 구조를 가지고 있군요..
이은태님의 스킨이 마음에 들었던 이유중에 하나가 바로 가로 세로폭을 스킨이 알아서 줄여주고 늘여주는
점 때문이 였습니다... 그래서 이렇게 저렇게 접목시켜 보았지만 php구조 파악없이 (개념도 없습니다만)
무작정 끊어 붙이고 자르고 하다 보니 소스가 뒤엉키고 뒤죽박죽 엉망진창 머리가 헤롱데롱 컴퓨터를
부수고픈 욕구가 이만저만 아니였습니다.... 왜 진작에 php공부를 안해두었을까하는 후회도 많았고요.
사설이 길어 졌습니다... 암튼 플록님 소스를 참고 삼아 다시 한번 만져봐야 될거 같습니다....
플록님 소스중에 가로 폭을 늘이니까 해상도와 관계없이 이미지가 늘어 나는데 이 부분은
어떻게 할 수 없는지요? 그리고 그림과 그림간격이 좁아 늘이려니 이것도 아리송합니다......
수고해 주신 플록님께 다시한번 감사에 말씀을 전합니다.........^^
이은태님의 소스를 사용하고 있습니다.
제가 사용하고 있는 최신글 스킨에서 latest.skin.php파일입니다.
해당 부분을 다음과 같이 수정해서 사용하고 있습니다.

<?
$thum_W  = 58; // 이미지 폭
$thum_H = 80; // 이미지 높이
?>
<table width=100% cellpadding=0 cellspacing=1 border=0>
<tr>
<td>
<table width=100% cellpadding=0 cellspacing=0 border=0 style="TABLE-LAYOUT: fixed;">
<tr><td height=3></td></tr>
<tr><td>
<?
//리스트 출력부분입니다.
$file = "./data/file/$bo_table/";

for ($k=1; $k<=$cfg[file_count]; $k++) {
if (@preg_match($cfg[image_extension], $row[wr_file1])) {
        $list[$i][file_image1] = $file . $row[wr_file1];
    }
}
?>
<? for ($i=0; $i<count($list); $i++) { ?>
<a href='<?="./?doc=$cfg[bbs_dir]/gnuboard.php&bo_table=$bo_table&wr_id={$list[$i][wr_id]}"?>' target='ntoyh' onClick="fork('profile')"><img src='<?=$list[$i][file_image1]?>.Thum' width='<?=$thum_W?>' height='<?=$thum_H?>' alt='<?=$list[$i][wr_subject]?>' style='border-color:EFEFEF; border-width:3px; border-style:solid;'></a>
<? } ?>
</td>
</tr>
</table>
</td>
<? if (count($list) == 0) { echo "<tr><td colspan=3 align=center height=50>자료가 없습니다.</td></tr>"; } ?>
</tr>
</table>

========
<img src='<?=$list[$i][file_image1]?>.Thum'~~ 만 수정한 것입니다.
미리보기 http://www.songga.co.kr/ 좌측하단과 슬라이드의 이미지들이 위 최신글 스킨으로 사용하고 있습니다.
죄송합니다..
어제 시도해보려고 했는데 만만해 보이지 않더라구요..
잠시 누워있다가 그만 잠이 들어 버렸습니다...
전 너무 어려워서 다른스킨을 써야할것 같습니다..... ^ ^;
도와 드리고 싶었는데~~! 쩝~!
http://www.sir.co.kr/?doc=bbs/gnuboard.php&bo_table=skin3&page=8&wr_id=40
썸네일기능이 있는 이미지 게시판입니다....
위 올려진 소스는 이미지게시판에 있는걸 최신글로 사용하기위해 따로 구분해서 가져온 것입니다...
물론 이미지 게시판 자체는 가로배열로 잘 나오고 있습니다...
헌데 최신글로 불러올시 세로 배열이 되어버리는 군요,..............
전체 9,564
그누3질답 내용 검색

회원로그인

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