테스트 사이트 - 개발 중인 베타 버전입니다

큰이미지 리사이즈 관련

보드에서 설정해 놓은 이미지 보다 큰 이미지가 올려진 게시물을 클릭하면,
큰 이미지가 잠깐 보여졌다가 설정해 놓은 이미지로 줄어들게 됩니다.
 
그런데 간혹 인터넷 접속이 느려질 경우 게시판이 크게 늘어났다가 원하는 폼으로 돌아오는데, 전 그것이 영 보기 싫더군요. (제가 좀 까탈스러워서....)
 
그래서 큰이미지던 작은이미지던 원하는 폼이 흐트러지지 않도록 스킨소스를 수정해서 사용했더니 흡족하네요.
 
소스는 아래와 같이 적용됩니다.
 
1. 설정해 놓은 이미지보다 크면 이미지지 설정해 놓은 이미지로 고정. (큰이미지 보여진 후 작아지지지 않음.)
2. 설정해 놓은 이미지 보다 크면 이미지 클릭시 새창으로 원본이미지크기로 보기
3. 설정해 놓은 이미지보다 작으면 이미지 클릭불가
 
## view.skin.php-----------------------
 
        <?
        // 파일 출력
        for ($i=0; $i<=count($view[file]); $i++) {
            if ($view[file][$i][view])
                echo $view[file][$i][view] . "<p>";
        }
        ?>
 
## 위부분을 찾아 아래 부분으로 교체해 주십시요.
 
 
   <? 
   // 파일 출력
   for ($i=0; $i<=count($view[file]); $i++) {
      if ($view[file][$i][view]) {
          if ( $view[file][$i][image_width] > $board[bo_image_width]) {
             $thum_W = $board[bo_image_width];
             $thum_H = ceil( $view[file][$i][image_height] * ( $board[bo_image_width] / $view[file][$i][image_width] ) );
             $print_view=str_replace("name='target_resize_image[]'", "tmp_width='{$view[file][$i][image_width]}' tmp_height='{$view[file][$i][image_height]}' width='$thum_W' height='$thum_H'", $view[file][$i][view]);
        }else{
           $thum_W = $view[file][$i][image_width];
           $thum_H = $view[file][$i][image_height];
           $print_view=str_replace("name='target_resize_image[]' onclick='image_window(this);' style='cursor:pointer;'", "width='$thum_W' height='$thum_H'", $view[file][$i][view]);
        }
           echo $print_view . "<p>";
        }
    }
    ?>
 
 
다른 소스를 손보면 더 간단하지만 프로그램 업데이트 할때마다 수정해 줘야 하기에 게시판 스킨만 변경하여 사용합니다.
 
위와 비슷한 소스가 이곳에 있는지 없는지는 잘 모르겠습니다. 비슷한 소스가 있다면 말씀해주세요. 삭제하겠습니다. ^^

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 4개

저렇게 하면 크롬이나 FF에서 팝업창 원본 이미지 보기가 제대로 안될텐데요?

http://sir.co.kr/bbs/board.php?bo_table=g4_tiptech&wr_id=18288
큰이미지 리사이즈
계속 찾던거였는데.. 적용해보니 잘되네요..
감사의 마음과 함께 추천을 ^o^
아.... 잘 안되서 트래픽 초과 리셋했네요. ㅋㅋ 무섭네요... ㅎㄷㄷ

게시글 목록

번호 제목
34021
33994
33922
33895
33889
33882
33868
33863
33859
33857
33849
33842
33835
33830
33828
33807
33797
33796
33791
33786