웹마스터 팁

  2. Support
  3. 웹마스터 팁

웹진/갤러리에서 썸네일 클릭 시 원본 이미지 보기 + HighSlide JS 적용 (수정)

2009.10.17 13:45

고진감래

소스 파일을 수정하는 것이므로 반드시 백업을 하시길 권합니다.

게시판의 썸네일 생성 함수를 응용해 원본 이미지를 구하는 함수를 만들어 
이를 게시판 썸네일에 링크 시키는 방식입니다.

1. (수정) modules/document/document.item.php 에서  } ?>  위에 다음 함수를 추가합니다.
      ※ (09.10.24 수정) 함수에 오류가 있어 수정했습니다.  

function getThumbSourceFile() {
            // 썸네일 원본 파일 출력함수
            if($this->get('uploaded_count')) {
                $oFileModel = &getModel('file');
                $s_file_list = $oFileModel->getFiles($this->document_srl);
                $s_source_file = $s_file_list[0]->uploaded_filename;
            }

            // 첨부된 파일이 없으면 내용중 이미지 파일을 구함
            if(!$s_source_file) {
                $content = $this->get('content');
                $s_target_src = null;
preg_match("/src=(\"|')([^\"' ]*?)(\"|')/is", $content, $s_matches);
              $s_target_src = trim($s_matches[2]);
                $s_source_file = $s_target_src;
            }
                      
            return $s_source_file;
        }
   }
?>

2. 게시판 스킨의 썸네일 링크 부분을 수정합니다. xe_official 게시판 스킨의 웹진 스타일을 예로 들면
modules/board/skins/xe_official/_style.webzine.html 에서 아래 부분을 찾아

<a href="{getUrl("document_srl',$document->document_srl,'listStyle',$listStyle, 'cpage','')}" class="thumb"><img src="{$document->getThumbnail($module_info->thumbnail_width, $module_info->thumbnail_height, $module_info->thumbnail_type)}" alt="" /></a>

다음과 같이 수정합니다.

<a href="{$document->getThumbSourceFile()}" class="thumb" target='_blank'><img src="{$document->getThumbnail($module_info->thumbnail_width, $module_info->thumbnail_height, $module_info->thumbnail_type)}" alt="" /></a> 

3. 만약 June Oh님의 HighSlide JS을 사용하고 있다면 아래와 같이 수정합니다.

<span class="thumb"><a href="{$document->getThumbSourceFile()}" class="highslide" onclick="return hs.expand(this)"><img src="{$document->getThumbnail($module_info->thumbnail_width, $module_info->thumbnail_height, $module_info->thumbnail_type)}" alt="" /></a></span>

4. 갤러리 스타일 역시 썸네일 부분을 찾아 위와 같은 방식으로 수정하면 됩니다. 
xe_official 게시판 스킨을 예로 들면 위의 2번 디렉토리에서 _style.gallery.html 파일을 아래와 같은 식으로 수정합니다.

<a href="{$document->getThumbSourceFile()}" target="_blank"><img src="{$document->getThumbnail($module_info->thumbnail_width, $module_info->thumbnail_height, $module_info->thumbnail_type)}" alt=""/><!--@if($module_info->use_category == "Y" && $document->get('category_srl'))--><strong class="category">{$category_list[$document->get('category_srl')]->title}</strong><!--@end--></a>

역시 June Oh님의 HighSlide JS을 적용하려면 아래와 같이 수정합니다.

<a href="{$document->getThumbSourceFile()}" class="highslide" onclick="return hs.expand(this)"><img src="{$document->getThumbnail($module_info->thumbnail_width, $module_info->thumbnail_height, $module_info->thumbnail_type)}" alt=""/><!--@if($module_info->use_category == "Y" && $document->get('category_srl'))--><strong class="category">{$category_list[$document->get('category_srl')]->title}</strong><!--@end--></a>
이 게시물을
좋아요
목록
제목 글쓴이 날짜
부산오피 부산오피 ⦑오피쓰.COM⦒ 부산OP 부산스파 부산오피 koykoyah 2025.02.20
의정부오피 ⦑오피쓰.COM⦒ 의정부마사지 의정부오피 의정부오피 의정부OP koykoyah 2025.02.20
수원오피 ⦑오피사이트.NET⦒ 수원OP 수원오피 수원출장샵 수원오피 koykoyah 2025.02.20
강남오피 ⦑오피쓰.COM⦒ 강남오피 강남OP 강남건마 강남오피 koykoyah 2025.02.20
목포오피 ⦑오피.CLUB⦒ 목포마사지 목포오피 목포오피 목포OP koykoyah 2025.02.20
세종오피 ⦑오피사이트.NET⦒ 세종오피 세종OP 세종건마 세종오피 koykoyah 2025.02.20
제주오피 ⦑오피사이트.NET⦒ 제주오피 제주출장마사지 제주오피 제주OP koykoyah 2025.02.20
대구오피 대구출장안마 ⦑출장마사지안내.COM⦒ 대구OP 대구오피 대구오피 koykoyah 2025.02.20
평촌오피 ⦑출장마사지안내.COM⦒ 평촌OP 평촌오피 평촌출장샵 평촌오피 koykoyah 2025.02.20
남양주오피 남양주출장안마 ⦑오피쓰.COM⦒ 남양주OP 남양주오피 남양주오피 koykoyah 2025.02.20
대구오피 ⦑출장마사지안내.COM⦒ 대구OP 대구오피 대구출장샵 대구오피 koykoyah 2025.02.20
부평오피 부평OP ⦑오피쓰.COM⦒ 부평휴게텔 부평오피 부평오피 koykoyah 2025.02.20
인천오피 ⦑출장안마사이트.COM⦒ 인천오피 인천OP 인천건마 인천오피 koykoyah 2025.02.20
가락오피 ⦑출장안마사이트.COM⦒ 가락오피 가락출장마사지 가락오피 가락OP koykoyah 2025.02.20
의정부오피 의정부출장안마 ⦑출장마사지안내.COM⦒ 의정부OP 의정부오피 의정부오피 koykoyah 2025.02.20
익산오피 익산OP ⦑오피쓰.COM⦒ 익산휴게텔 익산오피 익산오피 koykoyah 2025.02.20
신촌오피 ⦑오피쓰주소.COM⦒ 신촌오피 신촌OP 신촌건마 신촌오피 koykoyah 2025.02.20
제주오피 ⦑오피.CLUB⦒ 제주오피 제주출장마사지 제주오피 제주OP koykoyah 2025.02.20
신천오피 ⦑출장안마사이트.COM⦒ 신천오피 신천출장마사지 신천오피 신천OP koykoyah 2025.02.20
강북오피 강북오피 ⦑오피사이트.NET⦒ 강북OP 강북스파 강북오피 koykoyah 2025.02.20
태그 쓰기