웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
웹진/갤러리에서 썸네일 클릭 시 원본 이미지 보기 + 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>
댓글 18
제목 | 글쓴이 | 날짜 |
---|---|---|
웹진/갤러리에서 썸네일 클릭 시 원본 이미지 보기 + HighSlide JS 적용 (수정) [18] | 고진감래 | 2009.10.17 |
DB 이전시 오류 해결,,,하하하하...끝네 해결 했음....
![]() | Crazyhouse.cn | 2009.10.16 |
textyle에 믹시업 위젯 달기 [1] | 명희남편 | 2009.10.15 |
textyle Domain 접속방법
[5]
![]() | 왜만지냐 | 2009.10.15 |
플래너 "한줄공지" 가 삭제되지 않는 경우 의 임시대응법
[2]
![]() | Gekkou | 2009.10.13 |
게시판에서 비회원 메일 주소 확인하기 | 똑디 | 2009.10.12 |
레이아웃에서 배경이미지를 좌-아래에 넣을 경우 | 오스카 | 2009.10.10 |
모르지오 레이아웃 사용시 각종 [배경이미지] 넣어도 안 나타날 경우 [2] | 오스카 | 2009.10.10 |
로그인 폼에 관리자는 [Admin] 나타나게 하기
[4]
![]() | 오스카 | 2009.10.10 |
[초보] 본문 하단에 구글 애드센스 삽입방법 [2] | BigSeong | 2009.10.10 |
[확장변수] 게시물을 새창에서 전체화면으로 보기
[2]
![]() | 고진감래 | 2009.10.09 |
최근게시물의 캐시파일을 일반문서에 불러들이기 [2] | 고진감래 | 2009.10.09 |
제로보드4->XE 데이터 이전 시 회원 정보 오류 / 포인트 문제 [10] | 개돌 | 2009.10.08 |
-추가- 당신의 XE 기반 홈페이지를 훅가게 하는 방법 4가지 [26] | 老姜君 | 2009.10.08 |
파일 첨부시 사라지는 현상 [6] | Isaac Shepherd | 2009.10.07 |
위젯에서 페이지 기능 활용 팁 [3] | 라르게덴 | 2009.10.05 |
첨부한 압축파일이 손상되는 이유와 그 해결 (CRC 오류) | Gekkou | 2009.10.03 |
비회원 글쓰기가 되지 않을 경우.. | 태쥐 | 2009.10.01 |
iframe을 이용한 악성코드 침투 - 치료 및 대응법 (검블러 or GENO)
[8]
![]() | 미루819 | 2009.10.01 |
MySQL server has gone away 에러 대응 | 고수군 | 2009.09.30 |