균이님, 해피정님의 갤러리 소스 인데요, 다단 섬네일 관련 재질문입니다. > 그누4 질문답변

그누4 질문답변

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

균이님, 해피정님의 갤러리 소스 인데요, 다단 섬네일 관련 재질문입니다. 정보

균이님, 해피정님의 갤러리 소스 인데요, 다단 섬네일 관련 재질문입니다.

본문

현재는 섬네일이 보여질 섬네일 숫자보다 늘어나면 좌우로 화살표가 생기고 직접 넘기는

방식입니다만 이걸 아래 이미지처럼 다단으로 늘리고 싶습니다.  아래는 주요 소스구요.

어려운 내용일까요? 







      <table align="left" cellpadding="0" cellspacing="1" border="0">
        <tr>
          <?php if($thumbNum>$thumbViewNum) { ?>
          <td width='40' class='thumbpre_next' onmousedown="thumbpre_view(1)" onmouseover="this.className='thumbBtnOver';" onmouseout="this.className='thumbpre_next';" align='center'>〈 </td>
          <?php } ?>
          <td align='left'>
            <?php if($thumbNum>$thumbViewNum){ ?>
            <div style='position:relative;overflow:hidden;width:<?php echo $thumb_div_width; ?>; height:<?php echo ($thumby+10); ?>px;' id='thumDivk'>
              <div style='position:absolute;top:0; left:0; text-align:left;' id='thumDivk2'>
            <?php } ?>

                <table align="left" cellpadding="0" cellspacing="5" border="0">
                  <tr>
                  <?php $h=-1;
                    for($i=0;$i<$view[file][count]; $i++){
                      if(!$view[file][$i][view]){$thumbNum--;  continue; }

                      $thum_img="$imgPath/thumbs/{$view[wr_id]}_{$i}.jpg";
                      $h++;

                      //큰 이미지 리사이즈
                      if($resizex && $resizey &&  ($view[file][$i][image_width]>$resizex || $view[file][$i][image_height]>$resizey) ){ 
                        $ret_wh= image_resizetg($view[file][$i][file], $resizex, $resizey, $bo_table, $view[wr_id], $i);
                        if($ret_wh[0] && $ret_wh[1]){
                          $view[file][$h][image_width]=$ret_wh[0]; $view[file][$h][image_height]=$ret_wh[1];
                        }
                      }
                      //썸네일 만들기
                      if(!file_exists($thum_img))
                        tg_thumb($view[file][$i][file], $thumbx, $thumby, $bo_table, $view[wr_id], $i );
                  ?>
                    <td class='thumb'  align='left' onmouseover="over_cell(<?php echo $h; ?>, this)" onmouseout="out_cell(<?php echo $h; ?>,this)" onmousedown="view_image(<?php echo $h; ?>)"  id="thumTD<?php echo $h; ?>"><img src="<?php echo $thum_img; ?>" ></td>
                  <?php
                    }
                  ?>
                  </tr>
                </table>

            <?php if($thumbNum>$thumbViewNum) { ?>
              </div>
            </div>
            <?php } ?>

          </td>
          <?php if($thumbNum>$thumbViewNum) { ?>
          <td width='40' class='thumbpre_next' onmousedown="thumbpre_view(2)" onmouseover="this.className='thumbBtnOver';" onmouseout="this.className='thumbpre_next';" align='center'>  〉 </td>
          <?php } ?>
        </tr>
      </table>

댓글 전체

위 소스에서 다음코드 부분만 수정하고 위쪽, 아래쪽 모두 지워버리세요
style 추가
.thumb{ float:left; padding:2px; border:1px solid blue;}
.blank{clear:both;height:10px;}

위쪽 삭제
                  <?php $h=-1;
~~중략

 //썸네일 만들기
                      if(!file_exists($thum_img))
                        tg_thumb($view[file][$i][file], $thumbx, $thumby, $bo_table, $view[wr_id], $i );
                  if($i && $i % 4==0) echo "<div class='blank'><!-- --></div>";
                  ?>
      <div class='thumb' onmouseover="over_cell(<?php echo $h; ?>, this)" onmouseout="out_cell(<?php echo $h; ?>,this)" onmousedown="view_image(<?php echo $h; ?>)"  id="thumTD<?php echo $h; ?>"><img src="<?php echo $thum_img; ?>" ></div>

                <?php } ?>
아래쪽 삭제

    대충이렇게 되는데 사이즈, 위치 등은 조절하면 되겟지요
전체 2 |RSS
그누4 질문답변 내용 검색

회원로그인

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