웹마스터 팁
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')}" 등을 주시면 세부적으로 되죠.
입맛에 맛게 하시라고 옵션을 더 준건데요...(주저리 주저리 말이 많았군요 ^^)
제목 | 글쓴이 | 날짜 |
---|---|---|
부트스트랩 css 팁 [3] | 돼지코구뇽 | 2014.04.05 |
jquery 외부로드하기 [22] | DynamicLaser | 2014.04.07 |
Windows IIS 에서 F5 연타 방지하기 (mod_evasive , limit_req) [3] | StyleRoot | 2014.04.08 |
장비 침입 탐지 및 자동 ip 차단 프로그램 소개 [4] | 고구마군 | 2014.04.09 |
xe 쪽지 보내기창에 파일첨부하기 연동하는 팁 [7] | 졸라맨 | 2014.04.09 |
<div>에 ajax html 넣기 [3] | 웹빌드 | 2014.04.10 |
NULL/XMAS 패킷 포트 스캐닝 방지 방안 | 고구마군 | 2014.04.12 |
include용 파일에는 닫는 php문이 없다? | YJSoft | 2014.04.14 |
XE 업데이트후 갑자기 CSS/JS등이 403 오류가 날때 | YJSoft | 2014.04.16 |
무한 스크롤 스크립트 [4] | 웹빌드 | 2014.04.16 |
가비아에서 웹호스팅 관련 팁 [1] | JerryKim | 2014.04.19 |
Windows Server 에서 세션 최적화 | StyleRoot | 2014.04.20 |
Windows Server 이벤트 로그 정리하기 | StyleRoot | 2014.04.20 |
css를 이용한 페이지 인식 | 헤이즈디자인 | 2014.04.23 |
회원가입시 아이피 기록하기 [10] | 수직상승 | 2014.04.24 |
머니시스템 보유머니 출력하기 [13] | oscarmike | 2014.04.24 |
도움안될 것 같은 람보의 주옥같은 팁1 (스케치북 스킨에서 ctrl+enter키로 댓글작성 완료하기) [5] | BJ람보 | 2014.04.26 |
유챗 팝업창으로 만들기 [1] | oscarmike | 2014.04.26 |
포인트복권 팝업창 말고 현재창에서 바로 사용하기! [1] | 바가G | 2014.04.28 |
카메론님의 슬라이더 시리즈와 웹콘님의 최근게시물 시리즈가 라이브러리 충돌하는경우 [1] | XE힘들당휴 | 2014.04.29 |
라르게덴님 스킨에 위 Piclens 바로보기 버턴을 적용해도 잘되는군요. http://poooong.cafe24.com/zbxe/index.php