일반 게시판 view에서 썸네일 이미지를 정렬하기 질문입니다. > 그누4 질문답변

그누4 질문답변

그누보드4 관련 질문은 QA 로 이전됩니다. QA 그누보드4 바로가기
기존 게시물은 열람만 가능합니다.

일반 게시판 view에서 썸네일 이미지를 정렬하기 질문입니다. 정보

일반 게시판 view에서 썸네일 이미지를 정렬하기 질문입니다.

본문

안녕하세요.
질문 제목과 같습니다.
 
일반 게시판의 view에서 썸네일 이미지를 보이게 하는것은 성공하였습니다.
유아원님 스킨으로...
소스는 아래 있습니다.
 
제가 최대 10개까지의 썸네일 이미지가 보여지게 해논 상태입니다.
그런데 이 썸네일이 지금 현재 세로로 쭉 10개가 보여지게 됩니다.
 
1.
 
전 이걸 제가 원하는대로 정렬을 하고 싶습니다.
예를 들면 가로로 3개 그 나머지는 다음줄에... 이런식으로 보이게 하고 싶습니다.
도대체 이건 어디를 손봐야 하는건지 모르겠네요.
 
2.
 
이때 각 썸네일을 클릭하면 기존의 일반 게시판에 업로드 된 이미지처럼 새창으로 원본 이미지가 보이게 하고 싶습니다.
이 역시...
 
3.
 
마지막으로 제가 이미지 첨부할때 파일설명 썼던것들을
썸네일에 마우스를 가져다 대면 보이거나,
또는 각 썸네일 바로 밑에 텍스트로 보이게 하고 싶습니다.
 
도움 좀 부탁드리겠습니다.
 
아래는 썸네일 소스 입니다.
 
<?
// 파일 출력

$sql = " select bf_file from $g4[board_file_table] where bo_table = '$bo_table' and wr_id = '$wr_id' order by bf_no limit 0,
10 ";
$result = sql_query($sql);
for ($i=0; $row = sql_fetch_array($result); $i++) {
//썸네일 코드 시작
$data_path = $g4['path'] . "/data/file/{$bo_table}";//라이브러리 파일 참조
$thumb_path = $data_path . '/thumbView';
$view_w = 200; //썸네일 가로사이즈
$view_h = 150; //썸네일 세로사이즈
$sch_q = 100; //썸네일 퀼리티
if (!is_dir($thumb_path)) {
@mkdir($thumb_path, 0707);
@chmod($thumb_path, 0707);
}
    $filename = $view[file][$i][file]; //파일명
    $thumb = $thumb_path.'/'.$filename; //썸네일
    if (!file_exists($thumb))
    {
 $file = $data_path.'/'.$filename; //원본
        if (preg_match("/\.(jp[e]?g|gif|png)$/i", $file) && file_exists($file))
        {
            $size = getimagesize($file);
            if ($size[2] == 1)
                $src = imagecreatefromgif($file);
            else if ($size[2] == 2)
                $src = imagecreatefromjpeg($file);
            else if ($size[2] == 3)
                $src = imagecreatefrompng($file);
            else
                continue;
            $rate = $view_w / $size[0];
            $height = (int)($size[1] * $rate);
            if ($height < $view_h)
                $dst = imagecreatetruecolor($view_w, $height);
            else
                $dst = imagecreatetruecolor($view_w, $view_h);
            imagecopyresampled($dst, $src, 0, 0, 0, 0, $view_w, $height, $size[0], $size[1]);
            imagejpeg($dst, $thumb_path.'/'.$filename, $sch_q);
            chmod($thumb_path.'/'.$filename, 0707);
        }
    }
    if (file_exists($thumb) && $filename) {
 echo "<img src='$thumb'>";
    }
}
?>

댓글 전체

for문 윗줄에

$cnt_bo = 3; // 한 줄당 갯수(한줄에 3개씩 자름)
$cnt = 1;

두줄 추가하고요.

    if (file_exists($thumb) && $filename) {
 echo "<img src='$thumb'>";
    }

이거를 아래와 같이

    if ($cnt == $cnt_bo) {
   
      if (file_exists($thumb) && $filename) {
        echo "<br><a href='$file' target='_blank' title='$view[file][$i][content]'><img src='$thumb'></a>";
      }
    } else {
          if (file_exists($thumb) && $filename) {
        echo "<a href='$file' target='_blank' title='$view[file][$i][content]'><img src='$thumb'></a>";
      }
    } 
    $cnt++

수정하면 되지 않을까요-_-; 시험해보지 않았습니다.
링크에 있는 스킨이 원하는 기능이 전부 적용이된 갤러리용 게시판이므로 참고 하시면 되겠네요.
http://www.sir.co.kr/bbs/board.php?bo_table=g4_skin&wr_id=21386&sca=%B0%B6%B7%AF%B8%AE&page=8
두분 답변 감사합니다.
그런데...

fudagy 님께서 알려주신대로 소스를 수정해보니, 세로로 그냥 쭉 나오는거 그대로네요.
클릭을 해도 그냥 새로운 익스플러러 창이 뜨면서 빈내용이 뜨구요.

헐랭이 님께서 알려주신 스킨을 보니 제가 원하는 기능이 거의 있네요.
그런데 아쉽게도 가장 중요한 이미지가 썸네일 처리가 되지 않는다는게...
이전 버전은 썸네일 처리 되는거였던거 같은데 이전버전의 스킨은 찾을수 없고...

조금만 더 기다려보고 답변 채택하도록 하겠습니다.
두분 감사합니다.
안녕하세요. 헐랭이님...

저도 그랬으면 좋겠는데...
그 스킨은 리스트나 내용보기에서 모두 원본 이미지가 사이즈만 작게 보여지는 거더군요.
그곳 설명에도 그렇게 되어 있구요.
지금 다 깔아서 이리 저리 테스트 해보았습니다.

리스트는 어찌 어찌해서 한장만 보이게 썸네일로 처리했으나, 제가 원하는건 질문에도 썼듯이 내용보기에서 썸네일 이미지의 정렬인지라...
저도 필요해서 작업중인데,,
저같은 초보가 하기에는 시간이 너무 걸리네요.^^

이런식을 말씀하시는것인지 봐주세요.
http://gnusr.com/g4/bbs/board.php?bo_table=sample_gallery_1
리스트뿐만 아니라 뷰페이지에서도 게시물내 모든 첨부파일을 썸네일 생성 리스트한 것입니다.
줄바꿈도 됩니다만,,,
원본 팝업문제를 해결하지 못하고 있네요.
직접 만드신건가봐요. 멋지네요.
제가 사용하고 싶은것과 내용보기 페이지에서 이미지 보여지는것이 비슷합니다.

내용보기는 기존의 유아원님 소스를 수정해서 사용하기로 했습니다.
내용보기 페이지에서 이미지는 하나만 썸네일 되어 보여지고,
버튼을 누르면 새창이 뜨면서 오른쪽에는 썸네일 이미지들이 쭉...
그위에 마우스를 대면 왼쪽에 원본 이미지 보이고...
이 부분은 플록님의 소스와도 비슷한거 같네요. 단지 새창에서 뜬다는게 틀리고...

감사합니다.
전체 66,554 |RSS
그누4 질문답변 내용 검색

회원로그인

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