댓글 쓰기 권한이 없습니다. 로그인 하시겠습니까?
New Postings
New Comment
일반
2010.03.04 11:25
[ZBXE] 웹진, 갤러리에서 썸네일 클릭 시 원본 이미지 보기
조회 수 9987 추천 수 0 댓글 0
소스 파일을 수정하는 것이므로 반드시 백업을 하시길 권합니다.
게시판의 썸네일 생성 함수를 응용해 원본 이미지를 구하는 함수를 만들어
이를 게시판 썸네일에 링크 시키는 방식입니다.
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>
번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 수 | 추천 수 |
---|---|---|---|---|---|---|
157 | 게임 | 오토봇 스트롱홀드(트랜스포머) | Dreamy | 2009.08.08 | 12606 | 0 |
156 | 성가대 | 이종철 신부님 말씀(성가대는 꼭 읽어보세요) | Dreamy | 2009.11.18 | 10974 | 0 |
155 | 성가대 | 전례력에 따른 특별 찬미가 선곡 목록 작성 | Dreamy | 2009.12.02 | 12969 | 0 |
154 | 인터넷 | 도움이 될만한 사이트 모음 (즐겨찾기 하고 자주 가보는사이트) | Dreamy | 2010.02.11 | 14387 | 0 |
153 | 일반 | 천문기호 모음 | Dreamy | 2010.03.03 | 11696 | 0 |
» | 일반 | [ZBXE] 웹진, 갤러리에서 썸네일 클릭 시 원본 이미지 보기 | Dreamy | 2010.03.04 | 9987 | 0 |
151 | 일반 | [ZBXE] 게시판(블로그)상단에 글쓰기 버튼이나 링크넣기 1 | Dreamy | 2010.03.04 | 14653 | 0 |
150 | 취미 | Handel - Lascia ch'io Pianga | Dreamy | 2010.04.09 | 15383 | 0 |
149 | 성가대 | 결혼 축가용 편곡, 사랑 1 | Dreamy | 2010.04.22 | 12898 | 0 |
148 | 성가대 | 귀도 다레쪼의 계명창법 | Dreamy | 2010.04.23 | 14362 | 0 |
147 | 게임 | 일할때 몰래 게임을 해보자 1 | Dreamy | 2010.07.07 | 9907 | 0 |
146 | 일반 | RobotC 정보 | Dreamy | 2010.07.20 | 0 | 0 |
145 | 성가대 | [자작곡] 생명의 빵 | Dreamy | 2010.07.29 | 10151 | 0 |
144 | 취미 | 성시경 - 당신은 참 악보 | Dreamy | 2010.08.06 | 0 | 0 |
143 | 취미 | 좋아하는 노래들, 가사와 코드 모음 | Dreamy | 2010.08.06 | 14827 | 0 |
Designed by sketchbooks.co.kr / sketchbook5 board skin
Sketchbook5, 스케치북5
Sketchbook5, 스케치북5
Sketchbook5, 스케치북5
Sketchbook5, 스케치북5