위젯 스킨 자료실
| 라이센스 | Copyright |
|---|---|
| 기타 라이센스 | |
| 적용 버전 | 베타버전(1.0이전) |
2008.07.0 추가사항
별거 아닌데 많이들 관심가져수셔서
http://www.zeroboard.com/zbxe_pds_prog_module/17002482
=======================
제로보드 적용 >> click
스크롤 적용 및 그라디언트 적용 click >>
응용사례 >> click
(수정사항:방금 플래쉬 파일 수정본 올렸습니다. 기존다운받으신 것도 문제는없습니다...)
(수정사항2-중요:
게시물 작성시 겔러리 제목에 태그효과를 주었을 때 제목이 않보이시는 분들은
아래 댓글의 guny님께서 수고하셔서 list.html 수정본 올렸사오니 다운 받으시고 덮어쓰시면 될겁니다...)
다른곳에 올렸던 스킨인디 어떤분이 요청도 있고해서 제로보드XE 경험치도 올릴겸..올립니다.
좋네요. XE... 그랜져XG 타는 것같네...으훔..
스샷=============================
========================================================================================
주요기능 :
(-,.-) 마우스 휠을 하면 이미지가 움직임..캬..백미..(-,.-)
========================================================================================
설치정보
widgets/newest_images/skins/
에 압축을 풀고요.
zgal.swf,gallery.swf을 제로보드 설치된 최상위에 놓습니다.
//이유는 아래 info_path 설정 주석과 같습니다.
//제로보드가 zero라는 폴더에 설치되었다면 zero에 넣어두세요.
================================================
list.html 설정
18라인 쯤:
<!--Y OR N /width/height/top/left 새창 설정 -->
{@ $winn='Y'; $width='650'; $height='600'; $top='10'; $left='10';}
96 라인 부터 시작되는
var color='000000'; // 그라디언트 첫번째 칼라
var color2='000000'; // 그라디언트 두번째 칼라
var alpa='100'; // 그라디언트 첫번째 색 알파값
var alpa2='100'; // 그라디언트 두번째 색 알파값 100
var wd='650'; //무비 가로 // 650이 최하로 적용되면 좋은 값이고요.. 작으면 이상해 집니다.
var ht='350'; //무비 세로 //이하 동문 350이 최하로 작은값이고요.// 이하동문입니다.
var seescroll="no"; // 겔러리 하단부 스크롤 보일지 여부 yes/no
var info_path="/z/" // 이곳은 절대경로인데요 저는 제로보드가 z폴더에 설치
//경로설정 자동으로 하려다..포기 (플랙스에서 플래쉬를 못불러 오더군요...
//원인은 모르것습니다...
================================================================
관리모드 정보
최근 이미지 썸네일 싸이즈설정시 150~200이 좋을 것같습니다.
저는 기본 100으로 했는데 이미지가 없어 보여요..
200으로 해도 사이즈는 같지만 작은 사이즈를 플래쉬에서 늘리는 것보단 줄이는데 낳지 않나 합니다.
================================================================
넋두리
제로보드xe 햐.. 클래스로 정의를 해놓아 깔끔은 한데 한참 봐야한다...
숙지후에는 작업속도가 좀 나것네요..개인적으로 짝짝짝!!!
귀찮아서 대강 작업한 면도 있지만 문제가 있으면 댓글주셔요
==================[2008.04.06]
로드가 안되시는 문제가 있으신 분들은 gallery경로문제가있는분.swf를 다운하셔서 올려보세요.
아래 쇼쫑?님께서 계정정보를 알려주셔서 들어가 보았는데..참..난감하더군요.
flex에서 경로를 찍어봐도 잘나오는데.. 혹시나 해서 이미지를 하드코딩으로 넣어도 않되고 그래서리..
도메인으로 연결을 해보니 그제야 나오는데.. x-y에 특장점인지.. 허나이게 솔류션은 아니고요.
그래서 우선 gallert.swf를 조금 수정해서 이미지들이 나오게는 했습니다.
허나...또...산넘어 산..
색설정이나 기타 설정사항이
그래서 이런신 몇분들은 디폴트 설정으로 밖에 사용을 못하시겠어요.
색깔설정,스크롤설정, 새창설정등등 이 않되실꺼에요.
다음에 flex로 통합해서 다시 올려보겠습니다.. 기능도 좀 더 넣고요...
이상입니다..
조금 길지만 소스 올려 봅니다.
<div><div style="overflow:hidden;FLOAT: left; WIDTH: 100%;"><div style="padding:0px 0px 0px 0px !important; padding:none !important;"><!-- 설정된 컬러셋의 종류에 따라서 css파일을 import 합니다 -->
<div class="ni_box">
<!--Y OR N /width/height/top/left 새창 설정 -->
<!-- 빈공간 생략 -->
<table class="thumbnail_box"> <tr valign="top">
<td>
<script> var zxml="<artworkinfo><albuminfo><artLocation>./files/attach/images/318/49133/thumbnail_100_crop.jpg</artLocation><artist>네팔에서 얼굴 뽀사...</artist><albumName>♤윤건[尹乾] | 2008.02.25 10:14:15</albumName><artistLink>javascript:window.open('http://yaac.or.kr/zbxe/?document_srl=49133','flash','toolbar=0,resizable=no,status=0,scrollbars=yes,copyhistory=0,width=650,height=600,top=10,left=10');void(0);</artistLink><albumLink>javascript:window.open('http://yaac.or.kr/zbxe/?document_srl=49133','flash','toolbar=0,resizable=no,status=0,scrollbars=yes,copyhistory=0,width=650,height=600,top=10,left=10');void(0);</albumLink></albuminfo><albuminfo><artLocation>./files/attach/images/318/47075/thumbnail_100_crop.jpg</artLocation><artist>2007.10.20...</artist><albumName>♤윤건[尹乾] | 2008.02.14 10:21:58</albumName><artistLink>javascript:window.open('http://yaac.or.kr/zbxe/?document_srl=47075','flash','toolbar=0,resizable=no,status=0,scrollbars=yes,copyhistory=0,width=650,height=600,top=10,left=10');void(0);</artistLink><albumLink>javascript:window.open('http://yaac.or.kr/zbxe/?document_srl=47075','flash','toolbar=0,resizable=no,status=0,scrollbars=yes,copyhistory=0,width=650,height=600,top=10,left=10');void(0);</albumLink></albuminfo><albuminfo><artLocation>./files/attach/images/318/47052/thumbnail_100_crop.jpg</artLocation><artist>2007.12.20...</artist><albumName>♤윤건[尹乾] | 2008.02.14 10:14:58</albumName><artistLink>javascript:window.open('http://yaac.or.kr/zbxe/?document_srl=47052','flash','toolbar=0,resizable=no,status=0,scrollbars=yes,copyhistory=0,width=650,height=600,top=10,left=10');void(0);</artistLink><albumLink>javascript:window.open('http://yaac.or.kr/zbxe/?document_srl=47052','flash','toolbar=0,resizable=no,status=0,scrollbars=yes,copyhistory=0,width=650,height=600,top=10,left=10');void(0);</albumLink></albuminfo><albuminfo><artLocation>./files/attach/images/318/47047/thumbnail_100_crop.jpg</artLocation><artist>2007.12.20...</artist><albumName>♤윤건[尹乾] | 2008.02.14 10:10:31</albumName><artistLink>javascript:window.open('http://yaac.or.kr/zbxe/?document_srl=47047','flash','toolbar=0,resizable=no,status=0,scrollbars=yes,copyhistory=0,width=650,height=600,top=10,left=10');void(0);</artistLink><albumLink>javascript:window.open('http://yaac.or.kr/zbxe/?document_srl=47047','flash','toolbar=0,resizable=no,status=0,scrollbars=yes,copyhistory=0,width=650,height=600,top=10,left=10');void(0);</albumLink></albuminfo><albuminfo><artLocation>./files/attach/images/318/44365/thumbnail_100_crop.jpg</artLocation><artist>공개산행 래프팅</artist><albumName>배봉순 | 2005.06.28 13:49:52</albumName><artistLink>javascript:window.open('http://yaac.or.kr/zbxe/?document_srl=44365','flash','toolbar=0,resizable=no,status=0,scrollbars=yes,copyhistory=0,width=650,height=600,top=10,left=10');void(0);</artistLink><albumLink>javascript:window.open('http://yaac.or.kr/zbxe/?document_srl=44365','flash','toolbar=0,resizable=no,status=0,scrollbars=yes,copyhistory=0,width=650,height=600,top=10,left=10');void(0);</albumLink></albuminfo></artworkinfo>" </script>
<script language="JavaScript" type="text/javascript">
<!--
// -----------------------------------------------------------------------------
// Globals
// Major version of Flash required
var requiredMajorVersion = 9;
// Minor version of Flash required
var requiredMinorVersion = 0;
// Minor version of Flash required
var requiredRevision = 0;
// -----------------------------------------------------------------------------
// -->
</script>
<script language="javascript">
function putxml(){
return (zxml);
}
</script>
<script language="JavaScript" type="text/javascript">
<!--
//겔러리 기본 설정
var color='000000'; // 그라디언트 첫번째 칼라
var color2='000000'; // 그라디언트 두번째 칼라
var alpa='100'; // 그라디언트 첫번째 색 알파값
var alpa2='100'; // 그라디언트 두번째 색 알파값 100
var wd='650'; //무비 가로 //아래의 플래쉬 블러오는 태그의 외곽 테이블 사이즈와 같으면 됩니다.아래 참조..
var ht='350'; //무비 세로 //이하 동문
var seescroll="no"; // 겔러리 하단부 스크롤 보일지 여부 yes/no
var targeted=""; //
var charset=""; // 비워둠..
var info_path="/zbxe/" // 이곳은 절대경로인데요 저는 제로보드가 z폴더에 설치
//경로설정 자동으로 하려다..포기 (플랙스에서 플래쉬를 못불러 오더군요...
//원인은 모르것습니다...
//이곳은 예의상 남겨주십시요...^^
var copywhere ="홈페이지 전문 제작 freekan.co.kr-감사합니다.";
// Version check for the Flash Player that has the ability to start Player Product Install (6.0r65)
var hasProductInstall = DetectFlashVer(6, 0, 65);
// Version check based upon the values defined in globals
var hasRequestedVersion = DetectFlashVer(requiredMajorVersion, requiredMinorVersion, requiredRevision);
// Check to see if a player with Flash Product Install is available and the version does not meet the requirements for playback
if ( hasProductInstall && !hasRequestedVersion ) {
// MMdoctitle is the stored document.title value used by the installation process to close the window that started the process
// This is necessary in order to close browser windows that are still utilizing the older version of the player after installation has completed
// DO NOT MODIFY THE FOLLOWING FOUR LINES
// Location visited after installation is complete if installation is required
var MMPlayerType = (isIE == true) ? "ActiveX" : "PlugIn";
var MMredirectURL = window.location;
document.title = document.title.slice(0, 47) + " - Flash Player Installation";
var MMdoctitle = document.title;
AC_FL_RunContent(
"src", info_path+"playerProductInstall",
"FlashVars", "MMredirectURL="+MMredirectURL+'&MMplayerType='+MMPlayerType+'&MMdoctitle='+MMdoctitle+"",
"width", "100%",
"height", "100%",
"align", "middle",
"id", "gallery",
"quality", "high",
"bgcolor", "#869ca7",
"name", "gallery",
"allowScriptAccess","sameDomain",
"type", "application/x-shockwave-flash",
"pluginspage", "http://www.adobe.com/go/getflashplayer"
);
} else if (hasRequestedVersion) {
// if we've detected an acceptable version
// embed the Flash Content SWF when all tests are passed
AC_FL_RunContent(
"src", info_path+"gallery",
"width", wd,
"height", ht,
"align", "middle",
"id", "gallery",
"quality", "high",
"bgcolor", "#869ca7",
"name", "gallery",
"flashvars",'historyUrl=history.htm%3F&lconid=' + lc_id + '&color='+color +'&color2='+color2 +'&alpa='+alpa +'&alpa2='+alpa2+ '&seescroll='+seescroll+'©where='+copywhere+'&wd='+wd+'&ht='+ht+'&targeted='+targeted+'&charset='+charset+
'&zpath='+info_path+' ',
"allowScriptAccess","sameDomain",
"type", "application/x-shockwave-flash",
"pluginspage", "http://www.adobe.com/go/getflashplayer"
);
} else { // flash is too old or we can't detect the plugin
var alternateContent = 'Alternate HTML content should be placed here. '
+ 'This content requires the Adobe Flash Player. '
+ '<a href=http://www.adobe.com/go/getflash/>Get Flash</a>';
document.write(alternateContent); // insert non-flash content
}
// -->
</script>
<iframe name="_history" src="history.htm" frameborder="0" scrolling="no" width="22" height="0"></iframe>
</td>
</tr>
</table>
<div class="clear"></div>
</div></div></div></div>
잘만드셨네...
나도 플레시 공부해야하는데..
만들건 많은데... 도대체가 플레시는 대체......뭥미? ㅠ.,ㅜ
진짜 이쁘네요. 너무다 좋지만.. 저에게는 약간 추가하고 싶은 기능이 있네요.
사진이 50장일 경우에 첫장부터 끝으로 확 넘긴다고 해봅시다.
그때 즉각반응하며 샤샤샥 될게 아니고.
약간의 느리면서도 빠른 반응식.
그니깐. 뭐 착착 달라 붙는 방식이라고 해야될까요?
첫장부터 50장까지 갈때 첫장부터 40장까지는 빠르게 움직이고.
40장부터 50장까지는 좀 느리게 화면이 따라가는 방식이 있음 좋겠네요..
어떻게 설명이 안되는데...
약간의 2차곡선 식으로. 하면 좋겠네염.
그래서 info_path="/" 로 지정했습니다. 갤러리의 mid 값은 'gallery'
3Dpage 는 newest_images/skins/ 상에 올려 놨습니다.
설명대로 zgal.swf,gallery.swf 은 /www 에 있습니다.
그리고 올려놓은 소스를 비교해보니 다른 사항은 없고.. 왜 안될까요....
중도에 포기해야 하나.. 생각되네요.
이미지도 안뜨고. 언디파인만 나오네요.. 우선 테스트페이지로 계속 해보고 있는데..
뭐가 문제인지.. 경로설정도 다했는데
설치 성고했어요..
상당히 멋지네요.. 근데 질문하나.. 드리자면..
썸네일 해상도가 좀 떨어져 보입니다. 원래 그런건가요??
바람이 있다면 스크롤바와 이미지 정보표시가 위젯 사이즈에 따라 이동했으면 좋겠어요..
크기를 늘리니 구석에 있는 느낌이 들어서..
넘 멋진데도.. 또 바라는게 생기네요 ^^;;
위에 쇼쫑?님께서 계정정보를 알려주셔서 들어가 보았는데..참..난감하더군요.
flex에서 경로를 찍어봐도 잘나오는데.. 혹시나 해서 이미지를 하드코딩으로 넣어도 않되고 그래서리..
도메인으로 연결을 해보니 그제야 나오는데.. x-y에 특장점인지.. 허나이게 솔류션은 아니고요.
그래서 우선 gallert.swf를 조금 수정해서 이미지들이 나오게는 했습니다.
허나...또...산넘어 산..
색설정이나 기타 설정사항이 flash로 넘어가질 않네요..참네원..
그래서 이런신 몇분들은 디폴트 설정으로 밖에 사용을 못하시겠어요.
색깔설정,스크롤설정, 새창설정등등 이 않되실꺼에요.
다음에 flex로 통합해서 다시 올려보겠습니다.. 기능도 좀 더 넣고요...
이상입니다..
정말 멋지네요..
다음버젼이 무척 기대가 됩니다
개인적으로 그림 클릭했을때 해당그림만 팝업되는 기능이 있으면 디지털 앨범이 따로 필요없겠네요
그림 클릭은 안되고, 밑에 내용클릭하면 게시판 자체가 팝업이 뜨던데... 제가 머 설정 잘못한건 아니겠죠? ^^;
아무튼 정말 잘만드셨네요.. 추천 한방 날리고 갑니다~
미니위니갤러리소스로 한건데.. 이렇게 심플하면서 관리도 쉬운 위젯이였으면 좋겠습니다.
카피라이트고쳤다고계속뜨네여 절대경로바꾼거뿐이읍는데... 그리고질문이있는데 xml 로되있는포토겔러리가있는데 이걸 위젯형으로 만들어서 게시판링크까지되게할려고하는데 이부분에관한 참고 자료같은거있으시면 부탁드림니다
본 겔러리는 그것과 상관이 없습네다~~아쉽게도~~~~
이전까지는 문제없이 잘 사용했는데요 1.0.5로 업데이트 후 이미지가 보이질 않습니다.
http://jcas.co.kr/zbxe/zbxe
위젯도 뜨고 제목도 보이고 마우스휠도 작동되는 것 보면 이미지를 불러오는 경로의 문제가 생긴 것 같은데 어디를 만져야 하는지 알 수가 없네요.
지기846 님이나 아시는 분들의 답변을 기다려 봅니다.
제가 답변을 적네요^.^
/www/zbxe/widgets/newest_images/skins/3Dpage/list.html 안에 110줄에 있는 절대경로가 적용이 안되는 듯합니다.
그래서 30줄에서 빨간색부분에 경로를 적어 주면 제대로 작동이 되네요.
{@$zimg = explode("/",$oDocument->getThumbnail($widget_info->thumbnail_width,$widget_info->thumbnail_height,$widget_info->thumbnail_type))}
제로보드가 설치된 경로가 zbxe이면 "/zbxe/" 이렇게 변경하시면 됩니다.
제목이나 날짜를 클릭하면 새창으로 나오는데 현재창에 나오게 하려면 어떻게 해야하나요
어느 부분을 수정해야할지 잘 모르겠습니다.
고수님들 좀 알려주세요~!
제 홈피에 적용할려고 시도하였지만 끈이 짧아서인지
안되는 군요.
페이지에서 설치하면 사진이 없는 기본화면만 뜨면서
저장을 해도 저장이 안되네요.
꼭 사용하고 싶은데 고수님들 도와주세요
http://www.all-korea.net 메인화면입니다.
"zgal.swf,gallery.swf을 제로보드 설치된 최상위에 놓습니다."의
뜻은 제로보드가 설치된 zbxe폴더에 넣으라는 뜻인지요?








$_SERVER['PHP_SELF'] 로 경로를 우선좀 확인하시고
위에 님들처럼 결과 html넣어주시면 참고가 되지 않을까 합니다...
화면상에서 소스보기해서 html정보 카피해서 올려주시면 조금이라도 낳을것같아서요...