이 자료실은 공식 자료실에 포함될 예정이며 신규 등록되지 않습니다.
자료를 올려주셨던 분들은 공식 자료실에 다시 올려주시면 매우 감사하겠습니다.
![[레벨:15]](http://www.xpressengine.com/modules/point/icons/default/15.gif "포인트:21570point (47%), 레벨:15/30"){kind=icon}
라르게덴| 라이센스 : | GPL2 |
|---|---|
| 기타 라이센스 : | |
| 적용 버전 : | 정식버전(1.0이후) |
| 프로젝트 URL : |
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 파일의 실행문에 주석을 해두고 올려버렸네요; -ㅅ-;;
다시 올립니다. 다시 받아 주세요. 그리고 죄송합니다. (_ _)ㆀ
-
- piclens.jpg [File Size:159.3KB/Download:67]
- Medias_rss.php [File Size:215Byte/Download:350]
- rss.php [File Size:1.2KB/Download:332]
- piclens_layouts.jpg [File Size:244.9KB/Download:76]
- piclens_page.jpg [File Size:310.7KB/Download:62]
- piclens_icon01.jpg [File Size:14.2KB/Download:61]
- piclens_icon02.jpg [File Size:15.3KB/Download:57]
- piclens.zip [File Size:1.2KB/Download:350]
![[레벨:1]](http://www.xpressengine.com/modules/point/icons/default/1.gif "포인트:250point (59%), 레벨:1/30"){kind=icon}
역배
![[레벨:8]](http://www.xpressengine.com/modules/point/icons/default/8.gif "포인트:6365point (39%), 레벨:8/30"){kind=icon}
gnee![[레벨:5]](http://www.xpressengine.com/modules/point/icons/default/5.gif "포인트:2770point (52%), 레벨:5/30"){kind=icon}
반도체맨![[레벨:9]](http://www.xpressengine.com/modules/point/icons/default/9.gif "포인트:8140point (49%), 레벨:9/30"){kind=icon}
팔공산그런데 파폭에서는 플러그인을 설치하니 님의 말씀처럼 아이콘이 파랗게 변해서 클릭하니 보이는데,
IE7에서는 어디를 봐도 그런류이 버턴이 생성되지를 않아서 볼 수가 없군요.
IE7에서 보는 방법은 어떻게 해야 보이죠?
사실 설치된 것 보니 환상적인데 브라우즈마다 플러그인 깔아야지
그리고 저야 님이 만드신 medias 깔았지만, 새로 해 볼려는 분들은 그것도 설치해야지.
그리고 지금의 위젯도 설치가 쉽지만은 않아 보이고....
그래도 익스에서도 잘 보이면 한번 설치해 볼려니 익스에서는 보이지도 않고....ㅎㅎㅎ
우예끼나 멋진 프로그램 만드신다고 수고하셨습니다.(추천 꽝!)
안숨어 있기도 하는데요.
'도구모음사용자 정의' 메뉴를 찾으셔서 아래 아이콘 모양을 화면에 표시되도록 해보세요.(저도 표시여부는 자세히 모름)
원래 지금 위젯도 rss 같은 medias라는 명칭의 액션으로 해볼려고 했는데요.
rss 작성 포멧이 piclens의 고유의 포멧인지라 그것이 어렵고, 그렇다고 별도로 만들자니 출력물 위 아래에 body 등이 입혀지니
그걸 짤라내기 위한 수단으로 사용한 것이고요, 저 파일을 사용하지 않고 애드온을 하나 더 설치해서 짤라낼 수는 있지만
그 또한 지금꺼보다도 손이 더 많이 갈 겁니다.
또한 제가 돌리는 모듈이 없다면 전체 이미지를 찾아서 출력못하고
files의 첨부파일을 죄다 읽어서 찾을 수 밖에 없는 비효율성이 있습니다.
본 위젯은 표현을 위한 하나의 선택 수단이지 필수 사항은 아니자나요.
piclens도 깔아서 사용하는 이용자는 소수일듯 하고요.
설정이 어려우면 굳이 애써서 깔필요는 없고요, 만약 다른 고수님들이 위 방식을 좀 더 쉽게 구현하신다면 그걸로 갈아타도 되겠지요.
저도 초보자를 위해서는 최대한 피드백을 해드릴려고 합니다. ^^
![[레벨:7]](http://www.xpressengine.com/modules/point/icons/default/7.gif "포인트:5040point (46%), 레벨:7/30"){kind=icon}
부우우![[레벨:2]](http://www.xpressengine.com/modules/point/icons/default/2.gif "포인트:365point (1%), 레벨:2/30"){kind=icon}
우정진
라르게덴님 하라는대로 했는데 아이콘이 파랗게 안되요...
먼저 두개의 파일을 /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" />
먼저 http://www.zeroboard.com/17053037 에 가서 그대로 따라서 설치를 한 후
이 게시판내용대로 또 설치를 해 주면 됩니다.
알려주신 페이지에서 medias 모듈을 설치했는데 이상하게 이미지 경로만 나오네요.
쩝 어렵군요 일단 스샷 두개 올려봅니다.
근데.. 도데체 medias 모듈의 정확한 기능이 무엇인가요? RSS 코드를 생성하는 건가요, 아니면 독자적인 이미지 갤러리 인가요?
아래에 있는 두개의 최신갤러리가 medias위젯에서 aqua스킨으로 만든 것입니다.
좌측이 에디터설정에서 구분1을 Y로, 우측이 구분2를 Y로 선택한 화면입니다.
처음 설치하시면 설정이 조금은 이해가 어렵습니다. 이해하시고 나면 멋진 위젯과 PicLens를 사용하실 수 있을 것입니다.
혹시 저처럼 헤메시는 분들을 위해 제가 실수한 점을 쓰면 문서/댓글 출력 여부, 구분1/구분2 의 기능을 잘 몰라서 작동을 안 한거 같습니다.
문서 출력 여부, 댓글의 출력 여부.....는 문서, 댓글을 텍스트의 출력여부 결정인줄 오해 했었습니다. 문서에 포함된 이미지 출력, 댓글에 포함된 이미지 출력 여부이더군요.
구분1 / 구분2 를 잘못 설정하면 이미지 출력이 안되도록 설정할 수 있더군요.
--
그럼 전 이제 PicLens 를 설치에 도전 해보렵니다.
팔공산님 감사합니다. 안되면 또 댓글 올리도록 하겠습니다.
<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>
문제점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 파일의 코드는 변함이 없습니다.
도대체 뭐가 문제인 걸까요? ㅠ.ㅠ
medias_rss.php와 rss.php를 xe 폴더 아래에 놓고 설치하였습니다..
그런데 오류가 발생하였습니다...호스팅업체에서 지원되지 않는 기능인지요?..
그리고 medias 모듈 설치 라는 의미가 무엇인지요?....
1. 제 홈피 주소/zbxe/medias/ 라는 폴더를 만들고, 그곳에 medias_rss.php 와, rss.php 를 업로드 하고요.
레이아웃의 해더부분에, 첨가해 주라고 하시는 부분을 첨가하고 주소 기재하고요.
그리고 마지막에 rss.php 에 수정하여 기재하라고 하신 부분을 기재했는데, 흠.. 안되는군요. 원인이 뭘까나? ㅠㅠ..