위젯 프로그램 자료실
| 라이센스 | GPL2 |
|---|---|
| 기타 라이센스 | |
| 적용 버전 | 정식버전(1.0이후) |

Piclens 로 이미지 표시해주는 위젯입니다.
자세한 사항은 요기 http://piclens.com/ 사이트 가셔서 읽어보시기 바랍니다.
- 선 조건 -
1. piclens plug-in 이 설치 되어 있어야 합니다. (Windows XP, VISTA 에서만 동작 합니다.)
- 브라우져는 대부분 되는 것 같습니다.
2. 모듈 게시판에 medias 라는 모듈이 설치되어서 사진 저장이 이루워져 있어야 합니다.
- medias 모듈에 widgets, rss 스킨이 포함 되어있습니다.
- 설치 방법 -
- 선 조건 2.번을 설치하세요.
- 아래 첨부파일 Medias_rss.php, rss.php 파일을 다운받아 양지바른곳에 업로드 하세요.
- 셋팅 -
1. 외부페이지를 하나 만드셔야 합니다.
- 외부페이지로 사용될 파일은 Medias_rss.php 이며, 이 파일안에 Medias 위젯을 생성해 주시기 바랍니다.
(기본적인 포멧은 생성시켰습니다. 그냥 쓰셔도 됩니다.)

2. 레이아웃이나 게시판의 head 추가부분에 아래의 사항을 추가해주셔야 합니다.
<script type="text/javascript" src="http://lite.piclens.com/current/piclens.js"></script>
<link id="gallery" rel="alternate" href="./폴더가있다면경로/rss.php" type="application/rss+xml" />

3. 마지막으로 rss.php 파일을 여셔서 만드신 모듈경로를 적어주셔야 합니다.
//한글 자르기
function hstrCut($msg,$cut_size,$end_str = "...") {
if( (strlen($msg) > $cut_size) & ($cut_size > 0) ) {
$msg = substr($msg,0,$cut_size);
$msg = preg_replace("/(([\\x80-\\xFE].)*)[\\x80-\\xFE]?$/","\\1",$msg);
$msg .= $end_str;
}
return $msg;
}
// 보여지는 부분
function RSS_reader($count,$url,$encode = "UTF-8"){
$channel = parseTag("mediasrss",getRSS($url));
// 인코딩 변환
/* if($encode == "UTF-8"){
$channel = iconv("UTF-8","EUC-KR",$channel);
} */
return '<?xml version="1.0" encoding="utf-8" standalone="yes"?>'.$channel;
}
echo RSS_reader("","http://사이트/Medias_rss","UTF-8");
?>echo RSS_reader("","http://사이트/Medias_rss","UTF-8");
외부페이지 만드신걸 여기다가 주소를 적어주세요.
최종적으로 사이트를 여시면 FF의 경우는 상단 오른쪽 끝 X버튼 밑에
그리고 Piclens 지원되는 사이트는
google, flickr 등이 이 기능을 지원하고 있습니다.
(google은 내용 검색할때만 지원 됩니다.)
마지막으로 Piclens 테스트는 http://www.animeclub.net 에서 테스트하실 수 있습니다.
꼭 Piclens Plug-in과 medias 모듈 설치하시고 사용하시기 바랍니다.
- 추가사항 -
fopen() 함수가 호스팅 사에서 막는 경우가 많아서 애드온으로 출력 할 수 있도록 조정했습니다.
- 설치 & 세팅 -
1. 첨부파일 piclens.zip 을 다운 받으셔서 ./제로XE/addons/ 폴더에 복사하세요.
2. 관리자 페이지에서 애드온 메뉴로 가셔서 Piclens Addon을 설정하세요.
3. 설정하실때 외부페이지로 만든 모듈(설명중 : Medias_rss)만 선택하여 적용해주세요.
4. 애드온 적용 되셨으면 '비사용'을 '사용'으로 바꿔주세요.
5. 마지막으로 위 2. 레이아웃 설정 내용을 추가해주세요.
<script type="text/javascript" src="http://lite.piclens.com/current/piclens.js"></script>
<link id="gallery" rel="alternate" href="./Medias_rss" type="application/rss+xml" />
http:// 들어간 풀주소 또는 상대경로로 해주세요.
ps : 집컴이 2000이라 테스트 못해봤습니다. (되겠죠?)
!!!!!!!!!!! 제가 좀 어떻게 됐나 봅니다. (갑자기 프로그램을 많이 올려서 그런가 ㅠㅠ)
piclens.zip 파일의 실행문에 주석을 해두고 올려버렸네요; -ㅅ-;;
다시 올립니다. 다시 받아 주세요. 그리고 죄송합니다. (_ _)ㆀ

실력이.. ㅠㅠ..
라는 말이 무슨 말인지 잘 모르겠네요;;
서버가 Windows이어야 된다는 말은 아닐거같은데;;
http://www.cooliris.com/site/support/download-all-products.php
plug-in은 Windows/Mac에서 둘다 되요 ^^;
제가 시도해볼때 하나만 있으면 thumbnail쓰면 되는데 여러개 있으면 thumbnail이 없어서 곤란하더라구요;;;
그런데 파폭에서는 플러그인을 설치하니 님의 말씀처럼 아이콘이 파랗게 변해서 클릭하니 보이는데,
IE7에서는 어디를 봐도 그런류이 버턴이 생성되지를 않아서 볼 수가 없군요.
IE7에서 보는 방법은 어떻게 해야 보이죠?
사실 설치된 것 보니 환상적인데 브라우즈마다 플러그인 깔아야지
그리고 저야 님이 만드신 medias 깔았지만, 새로 해 볼려는 분들은 그것도 설치해야지.
그리고 지금의 위젯도 설치가 쉽지만은 않아 보이고....
그래도 익스에서도 잘 보이면 한번 설치해 볼려니 익스에서는 보이지도 않고....ㅎㅎㅎ
우예끼나 멋진 프로그램 만드신다고 수고하셨습니다.(추천 꽝!)
안숨어 있기도 하는데요.
'도구모음사용자 정의' 메뉴를 찾으셔서 아래 아이콘 모양을 화면에 표시되도록 해보세요.(저도 표시여부는 자세히 모름)
원래 지금 위젯도 rss 같은 medias라는 명칭의 액션으로 해볼려고 했는데요.
rss 작성 포멧이 piclens의 고유의 포멧인지라 그것이 어렵고, 그렇다고 별도로 만들자니 출력물 위 아래에 body 등이 입혀지니
그걸 짤라내기 위한 수단으로 사용한 것이고요, 저 파일을 사용하지 않고 애드온을 하나 더 설치해서 짤라낼 수는 있지만
그 또한 지금꺼보다도 손이 더 많이 갈 겁니다.
또한 제가 돌리는 모듈이 없다면 전체 이미지를 찾아서 출력못하고
files의 첨부파일을 죄다 읽어서 찾을 수 밖에 없는 비효율성이 있습니다.
본 위젯은 표현을 위한 하나의 선택 수단이지 필수 사항은 아니자나요.
piclens도 깔아서 사용하는 이용자는 소수일듯 하고요.
설정이 어려우면 굳이 애써서 깔필요는 없고요, 만약 다른 고수님들이 위 방식을 좀 더 쉽게 구현하신다면 그걸로 갈아타도 되겠지요.
저도 초보자를 위해서는 최대한 피드백을 해드릴려고 합니다. ^^
근데 질문이 하나 있는데요. 사진이 등록한 순서대로 나오는데 반대로 나오게 할수는 없나요? 최근등록한 이미지가 좌측에 나오게요.
아니면 외부페이지로 만든 /Medias_rss 에 보니까 파일명들이 주욱 나오던데. 그건 어디에 저장된 내용인가요. 수동으로라도 고치고
싶어서요.
곧 적용해봐야겠습니다. 감사드립니다~
라르게덴님 하라는대로 했는데 아이콘이 파랗게 안되요...
먼저 두개의 파일을 /zbxe폴더안에 넣고요.
외부페이지를 님과 똑같이 만들고 외부문서 위치를 ./Medias_rss.php로 했습니다.
그리고 레이아웃상단에 아래와 같이 넣었습니다.
참고로 저는 위젯의 js파일들을 해더에 입력해논 상태입니다.
<script type="text/javascript" src="./widgets/medias/skins/aqua/js/jquery-latest.pack.js"></script><script type="text/javascript" src="./widgets/medias/skins/aqua/js/jquery.pngFix.js"></script><script type="text/javascript" src="./widgets/medias/skins/aqua/js/jquery.dimensions.js"></script><script type="text/javascript" src="./widgets/medias/skins/aqua/js/jquery.tooltip.js"></script>
<script type="text/javascript" src="http://lite.piclens.com/current/piclens.js"></script>
<link id="gallery" rel="alternate" href="./rss.php" type="application/rss+xml" />
그리고 rss.php 파일을 아래와 같이 입력했습니다.
echo RSS_reader("","http://jcas.co.kr/zbxe/Medias_rss","UTF-8");
?>
참고로 http://jcas.co.kr/zbxe/Medias_rss 열어보면 파일이름들은 좌악 뜹니다.
iles/attach/images/85192/194684/4.jpg
뭘 잘못해서 저는 안되나요.
체크 되었다면 소스 보기 시 <html> <body> 같은 태그가 없어야 합니다.
http://211.234.236.247/Medias_rss
그리고 레이아웃에서 헤더 부분 선언 잘 못 됐습니다.(아니 선언을 안 바꾸신 것 같은데...)
X
<script type="text/javascript" src="http://lite.piclens.com/current/piclens.js"></script>
<link id="gallery" rel="alternate" href="//jcas.co.kr/zbxe/rss.php" type="application/rss+xml" />
O
<script type="text/javascript" src="http://lite.piclens.com/current/piclens.js"></script>
<link id="gallery" rel="alternate" href="./Medias_rss" type="application/rss+xml" />
- medias 모듈에 widgets, rss 스킨이 포함 되어있습니다.
무슨 말인지 모르겠네요. medias 라는 이름의 게시판 모듈을 생성하여 사진을 저장하란 말입니까? 아니면 medias 라는 모듈이 따로 있는 겁니까? widgets, rss 스킨이 포함 된다는 말은 무엇입니까?
설치 과정을 스샷으로 좀 자세히 보여주시면 안되나요?
먼저 http://www.zeroboard.com/17053037 에 가서 그대로 따라서 설치를 한 후
이 게시판내용대로 또 설치를 해 주면 됩니다.

아래에 있는 두개의 최신갤러리가 medias위젯에서 aqua스킨으로 만든 것입니다.
좌측이 에디터설정에서 구분1을 Y로, 우측이 구분2를 Y로 선택한 화면입니다.
처음 설치하시면 설정이 조금은 이해가 어렵습니다. 이해하시고 나면 멋진 위젯과 PicLens를 사용하실 수 있을 것입니다.
혹시 저처럼 헤메시는 분들을 위해 제가 실수한 점을 쓰면 문서/댓글 출력 여부, 구분1/구분2 의 기능을 잘 몰라서 작동을 안 한거 같습니다.
문서 출력 여부, 댓글의 출력 여부.....는 문서, 댓글을 텍스트의 출력여부 결정인줄 오해 했었습니다. 문서에 포함된 이미지 출력, 댓글에 포함된 이미지 출력 여부이더군요.
구분1 / 구분2 를 잘못 설정하면 이미지 출력이 안되도록 설정할 수 있더군요.
--
그럼 전 이제 PicLens 를 설치에 도전 해보렵니다.
팔공산님 감사합니다. 안되면 또 댓글 올리도록 하겠습니다.
스킨파일(default) 에서 list.html을 여셔서 <a href=.... 을 찾으셔서
href="경로" 를
href="{getUrl('','document_srl',$oDocument->document_srl.'#n_'.$oDocument->get('alt'))}"
이렇게 바꿔주시기 바랍니다. 그리고 스킨의 경우는 HTML을 조금만 아시면 직접 수정가능하시니 본인이 직접
원하시는 주소형식으로 바꾸셔도 됩니다.
<script type="text/javascript" src="http://lite.piclens.com/current/piclens.js"></script>
<link id="gallery" rel="alternate" href="./폴더가있다면경로/rss.php" type="application/rss+xml" />
-----------------------------------------------------------------------------------------------------------------------------------------------------------
5. 마지막으로 위 2. 레이아웃 설정 내용을 추가해주세요.
<script type="text/javascript" src="http://lite.piclens.com/current/piclens.js"></script>
<link id="gallery" rel="alternate" href="./Medias_rss" type="application/rss+xml" />
저 두 부분이 이해가 안가는 군요. 2번의 내용을 레이아웃에 추가했는데 5번의 내용을 다시 또 추가하란 말입니까?
하나는 rss.php 파일이고 하나는 생성한 모듈이 link 태그로 들어가는데요. 둘 중 하나를 하는건지 둘다 해야 하는건지 모르겠네요.
<link id="gallery" rel="alternate" href="./Medias_rss" type="application/rss+xml" />
위 ./Medias_rss 부분에 http://203.252.156.185/~skyhos/zbxe/?mid=Medias_rss 라고 절대 경로로 써 주었구요.
새로 생성한 모듈에 소스보기를 하면 <html> <body> 태그들이 보이네요.
그리고 rss.php 파일은 뭐하는데 쓰는 겁니까?
./Medias_rss <- 이것은 Piclens.zip(애드온 프로그램) 으로 Piclens 를 사용할 때 입니다.
( 옆에 경로는 외부페이지 모듈명 입니다.)
http://203.252.156.185/~skyhos/?mid=Medias_rss
이 경로로 웹브라우져로 바로 여셨을때 님이 첨 문의했던 경로만 나오게 된다면 경로상으로는 맞습니다.
그리고 모듈에서 태그들이 보이게 되는 건 Piclens.zip 애드온 프로그램으로 해당 모듈만 선택해서 동작시켜주셔야
html이나 body등을 제외시킵니다.
Piclens는 기본동작을 RSS로 출력하려는 자료를 읽어드려 표현합니다.
다만, Piclens에서 사용하는 RSS는 제로XE에서 제공되는 RSS와는 다른포멧이기 때문에 별도로 그 포멧에 맞는 RSS를 만든거고요
(스킨파일의 RSS 스킨은 Piclens의 포멧에 맞게 제작된 스킨)
rss.php는 html이나 body 등의 내용을 짜르고 오직 rss의 포멧만 출력하기 위한 문자열 자르기(뽑아내기) 파일입니다.
소켓함수를 쓰기 때문에 일부 호스팅 사이트에서는 막혀있을 가능성이 있습니다.
그렇기에 어쩔 수 없이 애드온을 하나 만들어서 모듈을 불러올때 소켓함수로 읽어들이는 대신 모듈을 불러올때 아예 문자열을
제거 하도록 한 겁니다.
ps : 그리고 님의 사이트에서 해당 경로는 http://203.252.156.185/~skyhos/zbxe/?mid=Medias_rss 이거로 하니까 뜨는데요.
이상하군요.
아래는 http://203.252.156.185/~skyhos/zbxe/?mid=Medias_rss 페이지에서 소스보기를 한 겁니다.
html 이나 body 태그가 존재하는데요?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="ko" xml:lang="ko" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="Generator" content="zeroboardXE 1.0.4" />
<meta name="module" content="opage" />
<meta http-equiv="imagetoolbar" content="no" />
<title>medias test</title>
<script type="text/javascript" src="./files/cache/optimized/6a132e82a2b7175a5ee837274184866f/6a132e82a2b7175a5ee837274184866f.1215156521.js.php"></script>
<link rel="stylesheet" href="./common/css/button.css" type="text/css" charset="UTF-8" media="all" />
<link rel="stylesheet" href="./files/cache/optimized/c9430d2d9163dbe65b24847fb1950c05/c9430d2d9163dbe65b24847fb1950c05.1215156520.css.php" type="text/css" charset="UTF-8" media="all" />
<script type="text/javascript">//<![CDATA[
var current_url = "http://203.252.156.185/~skyhos/zbxe/?mid=Medias_rss";
var request_uri = "http://203.252.156.185/~skyhos/zbxe/";
var current_mid = "Medias_rss";
var waiting_message = "서버에 요청중입니다. 잠시만 기다려주세요.";
var ssl_actions = new Array();
//]]></script>
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://203.252.156.185/~skyhos/zbxe/Medias_rss/api" />
</head>
<body>
<div style="overflow:hidden;;"><div style="padding:0px 0px 0px 0px !important; padding:none !important;"><mediasrss>
<rss xmlns:media="http://search.yahoo.com/mrss" version="2.0">
<channel>
<item>
<title>WoWScrnShot_062208_135448.jpg</title>
<link>files/attach/images/98/306/WoWScrnShot_062208_135448.jpg</link>
<media:thumbnail url="./files/attach/images/98/306/WoWScrnShot_062208_135448.jpg_thumbnail_300_ratio.jpg"/>
<media:content url="files/attach/images/98/306/WoWScrnShot_062208_135448.jpg"/>
<guid isPermaLink="false">efc20e1d9314f4ef2ebb688d78ec5a5b</guid>
</item>
<item>
<title>32m5659m0.jpg</title>
<link>files/attach/images/98/163/32m5659m0.jpg</link>
<media:thumbnail url="./files/attach/images/98/163/32m5659m0.jpg_thumbnail_300_ratio.jpg"/>
<media:content url="files/attach/images/98/163/32m5659m0.jpg"/>
<guid isPermaLink="false">8f534e609ac7655303a78fa12c9e16a9</guid>
</item>
<item>
<title>display.png</title>
<link>files/attach/images/98/190/display.png</link>
<media:thumbnail url="./files/attach/images/98/190/display.png_thumbnail_300_ratio.jpg"/>
<media:content url="files/attach/images/98/190/display.png"/>
<guid isPermaLink="false">b3a910363a955f58923ad9bb3bb4f88c</guid>
</item>
</channel>
</rss>
</mediasrss></div></div>
<div id="waitingforserverresponse"></div>
</body>
</html>
저희 사이트는 XE 1.02버젼이라 포기(?)하고 연습사이트(http://poooong.cafe24.com/zbxe) 1.0.5버젼에서 성공하였습니다.
Piclens 아이콘을 클릭하면 잘됩니다.
1. Piclens 기능을 모르는 방문자도 일반 메뉴를 사용하듯이 메뉴나 버튼 등을 클릭하여 Piclens가 기동하게 할 수는 없는지요?
2. 아니면 사이트에 접속하면 바로 Piclens가 기동하게 할 수는 없는지요?
※ 물론 Piclens Plug In 이 설치 되어있는 상태라는 가정하에서 입니다.
건강하십시오. ^^
http://www.zeroboard.com/17170721
레이웃이나 게시판 상단에 아래 소스를 넣으니 되는군요. ^^
<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 를 구동시키고 싶은데 방법이 없을까요???
현재 전체 갤러리는 되는데요, 개인별로 하고 싶은데 그게 어렵네요 ㅡㅡㅋ
문제점1
[ 위젯 ]-[ 코드생성 ] 을 설명하셨는데 코드생성에서 코드를 생성하고 도대체 뭘 어떻게 하는건지요?
문제점2
에디트컴포넌트도 제대로 실행되고 [ 관리페이지 ]-[ 미디어메뉴 ] 에도 목록에 제대로 갱신됩니다.
다만 Medias에서 새로 생성하는 썸내일 사진의 경로를 몰라 썸내일은 확인하지 못하였습니다.
문제점3
저의 경우 " www.xxx.co.kr/~zin/zbex " 폴더가 제로보드 설치 폴더이고..
그안에 Medias_rss.php파일과 rss.php 파일을 넣었습니다.
그리고..
[ 외부 페이지 관리 ] 에서는 외부문서 위치를 " ./Medias_rss.php " 로 설정..
[ 레이아웃 ] 의 헤더 스크립트는 <script type="text/javascript" src="http://lite.piclens.com/current/piclens.js"></script>
<link id="gallery" rel="alternate" href="./rss.php" type="application/rss+xml" />
[ rss.php ] 파일의 수정부분은 echo RSS_reader("","./Medias_rss","UTF-8"); 이렇게 수정하였습니다.
이렇게 하였는데도 불구하고 게시판에 사진을 아무리 저장해도 Medias_rss.php 파일의 코드는 변함이 없습니다.
도대체 뭐가 문제인 걸까요? ㅠ.ㅠ
저도 이걸 이용해서 사진을 볼려구 하는데...사진 해상도가 만만치 않겠더군요..제로보드로 올린 사진들(1024*683) 2M으로 만들어서 올리면 6~700K 밖에 안올라가잖아요. 그걸 이걸로 보면 화질이 영 아니더란 말입니다.
사이즈를 FULL로 올리면 용량에서 좀 딸리고....줄이려니 화질이 문제고...이거 해결 방법 혹시 갖고 계신지..
아님 괜찮게 나오는 사이즈를 좀 알려주세요...감사합니다.








1. 제 홈피 주소/zbxe/medias/ 라는 폴더를 만들고, 그곳에 medias_rss.php 와, rss.php 를 업로드 하고요.
레이아웃의 해더부분에, 첨가해 주라고 하시는 부분을 첨가하고 주소 기재하고요.
그리고 마지막에 rss.php 에 수정하여 기재하라고 하신 부분을 기재했는데, 흠.. 안되는군요. 원인이 뭘까나? ㅠㅠ..