웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
zbxe에서 piclens 사용하기
2008.08.15 08:18
http://quota.tistory.com/73
이분 블로그로 가보시면 /modules/rss/tpl/rss20.html 을 변환해서 feed를 활용한 piclens 출력을 할 수 있습니다.
물론 게시판 추가설정에서 rss를 요약공개나 전문공개를 적용 하셔야 합니다.
근데 문제는 원본 파일과 썸네일 파일이 같아서 로딩에 많은 부하가 걸리더라구요. 그래서 제가 다시 질문을 해서 얻은 답이
썸네일 출력하는 부분을
<media:thumbnail url="{$oDocument->getThumbnail($widget_info->thumbnail_width,$widget_info->thumbnail_height,'ratio')}"/>
요런식으로 바꾸는 거였습니다.
근데 piclens가 기본적으로 썸네일을 80 X 80 짜리 썸네일을 캐쉬에 생성해서 너무 작은 썸네일을 만들어서 눈이 아른거리더군요.
그래서 혼자 이래저래 가지고 놀다보니 (제가 전공이 이쪽이 아니라 --ㅋ 잘몰라서요)
<media:thumbnail url="{$oDocument->getThumbnail(300, 300,'ratio')}"/>
이렇게 하니깐 300 X 300 짜리 썸네일이 생성이 되더군요. 그리고 보기도 훨씬 좋구요.
http://www.zeroboard.com/zbxe_pds_prog_widget/17078321
여기에 보시면 라르게덴님의 piclens 위젯이 있는데요. 이분으로 인해 첨 알아서 적용시켜 보고 너무 좋아서 저희 회사 홈페이지
적용시켜 놓고 생각해보니 서버 전체의 이미지를 다 불러 오는 방식이다 보니 내가 찾아야 하는 이미지를 찾는게 조금
오래걸리더라구요.
그런데. 저 윗분 블로그 주인이신 Parker Falcon님 팁으로 하니 각 메뉴별로 볼수 있어서 좋아요.
근데 Parker Flacon님 팁으로 하면 문제가 게시글 한개에 여러 이미지가 있어도 대표 썸네일 하나만 출력되는 문제가 있어요. ㅎㅎ
문제해결방법은 한게시글에 사진한장을 올리면 해결되는 문제이긴 하지요.
그리고 Parker Falcon님 처럼 하시면 피드 목록을 불러오는거라서 ../modules/rss/rss.view.php 파일의 96번째 줄에 있는
$args->list_count = 15; 이 부분의 숫자를 적절하게 바꾸어 주심 되요.
제가 글을 잘 못 써서 두서 없이 썻지만.
겔러리에서 한 게시글에 한장의 사진만을 넣어 piclens를 활용할 수 있는 방법인거 같아 소개 드렷습니다.
레이아웃 헤더 스크립트 부분에
<script type="text/javascript" src="http://lite.piclens.com/current/piclens.js"></script>
이 코드 넣으시고 그리고 게시판 상단 내용에
<a href="javascript:PicLensLite.start();">Start Slideshow <img src="http://lite.piclens.com/images/PicLensButton.png" alt="PicLens" width="16" height="12" border="0" align="absmiddle"></a>
이 코드를 삽입하면 클릭하면 바로 piclens 사용할수 있는 버튼이 생성 됩니다.
또 한가지는 /modules/rss/tpl/rss20.html 코드에서
<rss version="2.0" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:taxo="http://purl.org/rss/1.0/modules/taxonomy/" xmlns:media="http://search.yahoo.com/mrss" xmlns:atom="http://www.w3.org/2005/Atom">
이렇게 rss 바꾸시고요.
<atom:icon>원하는 로고 이미지</atom:icon> 넣으시면 픽렌즈에서 출력 됩니다. gif,jpg,png 다 됩니다.
다시한번 라르게덴님과 Parker Falcon님께 감사 드립니다.
이분 블로그로 가보시면 /modules/rss/tpl/rss20.html 을 변환해서 feed를 활용한 piclens 출력을 할 수 있습니다.
물론 게시판 추가설정에서 rss를 요약공개나 전문공개를 적용 하셔야 합니다.
근데 문제는 원본 파일과 썸네일 파일이 같아서 로딩에 많은 부하가 걸리더라구요. 그래서 제가 다시 질문을 해서 얻은 답이
썸네일 출력하는 부분을
<media:thumbnail url="{$oDocument->getThumbnail($widget_info->thumbnail_width,$widget_info->thumbnail_height,'ratio')}"/>
요런식으로 바꾸는 거였습니다.
근데 piclens가 기본적으로 썸네일을 80 X 80 짜리 썸네일을 캐쉬에 생성해서 너무 작은 썸네일을 만들어서 눈이 아른거리더군요.
그래서 혼자 이래저래 가지고 놀다보니 (제가 전공이 이쪽이 아니라 --ㅋ 잘몰라서요)
<media:thumbnail url="{$oDocument->getThumbnail(300, 300,'ratio')}"/>
이렇게 하니깐 300 X 300 짜리 썸네일이 생성이 되더군요. 그리고 보기도 훨씬 좋구요.
http://www.zeroboard.com/zbxe_pds_prog_widget/17078321
여기에 보시면 라르게덴님의 piclens 위젯이 있는데요. 이분으로 인해 첨 알아서 적용시켜 보고 너무 좋아서 저희 회사 홈페이지
적용시켜 놓고 생각해보니 서버 전체의 이미지를 다 불러 오는 방식이다 보니 내가 찾아야 하는 이미지를 찾는게 조금
오래걸리더라구요.
그런데. 저 윗분 블로그 주인이신 Parker Falcon님 팁으로 하니 각 메뉴별로 볼수 있어서 좋아요.
근데 Parker Flacon님 팁으로 하면 문제가 게시글 한개에 여러 이미지가 있어도 대표 썸네일 하나만 출력되는 문제가 있어요. ㅎㅎ
문제해결방법은 한게시글에 사진한장을 올리면 해결되는 문제이긴 하지요.
그리고 Parker Falcon님 처럼 하시면 피드 목록을 불러오는거라서 ../modules/rss/rss.view.php 파일의 96번째 줄에 있는
$args->list_count = 15; 이 부분의 숫자를 적절하게 바꾸어 주심 되요.
제가 글을 잘 못 써서 두서 없이 썻지만.
겔러리에서 한 게시글에 한장의 사진만을 넣어 piclens를 활용할 수 있는 방법인거 같아 소개 드렷습니다.
레이아웃 헤더 스크립트 부분에
<script type="text/javascript" src="http://lite.piclens.com/current/piclens.js"></script>
이 코드 넣으시고 그리고 게시판 상단 내용에
<a href="javascript:PicLensLite.start();">Start Slideshow <img src="http://lite.piclens.com/images/PicLensButton.png" alt="PicLens" width="16" height="12" border="0" align="absmiddle"></a>
이 코드를 삽입하면 클릭하면 바로 piclens 사용할수 있는 버튼이 생성 됩니다.
또 한가지는 /modules/rss/tpl/rss20.html 코드에서
<rss version="2.0" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:taxo="http://purl.org/rss/1.0/modules/taxonomy/" xmlns:media="http://search.yahoo.com/mrss" xmlns:atom="http://www.w3.org/2005/Atom">
이렇게 rss 바꾸시고요.
<channel>
<atom:icon>http://www.mywebsite.com/images/logo.gif</atom:icon>
<atom:icon>원하는 로고 이미지</atom:icon> 넣으시면 픽렌즈에서 출력 됩니다. gif,jpg,png 다 됩니다.
다시한번 라르게덴님과 Parker Falcon님께 감사 드립니다.
댓글 2
-
파파민
2008.08.15 15:08
-
라르게덴
2008.08.15 17:13
Medias_rss 파일에 원하는 형식으로 위젯 수정하면 원하는 만큼만 원하는 종류로 표시 되게도 가능합니다.
기본으로 만든 위젯이 100x100 = 10000 이기에 무제한으로 보일 수 있는 것이고요...
medias_rss.php안에 들어있는 위젯 선언에서 mid_list="{Context::get('mid')}" 이런 옵션을 더 주시면 본인이 접속한 모듈 별로만
위젯이 실행되겠고요... 더 나아가면 document_id="{Context::get('+ '+ 'document_srl')}" category_id="{Context::get('category')}" 등을 주시면 세부적으로 되죠.
입맛에 맛게 하시라고 옵션을 더 준건데요...(주저리 주저리 말이 많았군요 ^^)
제목 | 글쓴이 | 날짜 |
---|---|---|
티스토리에서 제로보드Xe 이전시 필독사항!! [1] | 퓔 | 2008.02.23 |
제로보드 XE에 연동 가능 채팅, 100% 플래시, 1:1 채팅 지원, 필요하면 음성/화상 채팅 지원 [2] | digirave | 2008.03.09 |
zbXE에 퍼머링크 달기 [3] | 라르게덴 | 2008.03.13 |
사이트 주소로 접속했을때 XE폴더로 이동하기 #2 [15] | 베니 | 2008.03.28 |
레이아웃수정시 참고할 zbXe레이아웃스킨의 css와 layout 상관관계(1.0.0 기본스킨) [21] | 갯가 | 2008.04.08 |
엑소버드 음악 제로보드XE에 구겨넣기... [8] | artlab | 2008.04.17 |
zbxe 기본글꼴(폰트) 바꾸는 방법 [9] | 핸디지 | 2008.04.22 |
제로보드XE에 배경음악 달기 [4] | Dr.Mabin | 2008.04.26 |
배경음악 넣기(ZBXE를 기본폴더에 설치한 경우) [4] | 백성찬 | 2008.05.26 |
IE6 한글도메인에 ZBXE 때문에 속 썩이시는 분 [1] | 햇살과수원 | 2008.05.26 |
제로보드 XE에서 파비콘(favicon) 만들기 [8] | tindrum | 2008.05.26 |
외부페이지 접근을 제로보드XE를 통해서만 접근을 허용 하고 싶다면 [9] | 임기택924 | 2008.06.03 |
주소창에 보이는 아이콘 넣기..제로보드 XE에서 [2] | 은바가지 | 2008.07.03 |
제로보드XE에서 표 쉽게 만드는 방법.. [23] | 청개구리00 | 2008.07.27 |
제로보드XE 설치 완료버튼 누르니까 My sql 관련 내용 나오던데요 [3] | Naver™ | 2008.07.30 |
zbxe에서 piclens 사용하기 [2] | 우정진 | 2008.08.15 |
미국 yahoo zbxe 설치 및 mysql 연결 [4] | mr007 | 2008.08.15 |
zbxe에 bgm을 설치하자 [11] | 우리아기 | 2008.08.16 |
제로보드XE 중복설치방법 있나요? [4] | bsy.myid.net | 2008.09.24 |
제로보드XE에 온클럽(onclub) 달기 (UTF-8 문제) | 맛있는고기 | 2008.10.07 |
라르게덴님 스킨에 위 Piclens 바로보기 버턴을 적용해도 잘되는군요. http://poooong.cafe24.com/zbxe/index.php