< 검은색바탕에 적용한 예 >
< 하얀색바탕에 적용한 예 >
저번작?에 많은 관심 가져주심에 힘입어 좀더 퀄리티?를 높여밨습니당 ㅎㅎ;;
네이버_포토갤러리에 쓰이는 디자인과 동일합니다...(디자인에는 영~소질없기에;;;)
적용 사이트 : http://www.2soon10.com/
먼저 900 * 362 사이즈와
650 * 340 사이즈 두개를 제작했구요..
-변경된 사항-
1. 투명제작
2. 자동 슬라이드 기능(시간조절 사용자입력가능)
3. 텍스트길이에 따라 박스크기조절
4. 좌우 이동 버튼 삽입
_______________________________________________________________________
:: 설치방법 ::
1. 원하시는 사이즈로 파일을 받는다
900 x 362 사이즈 = ztyle_v031.zip
650 x 340 사이즈 = ztyle_v032.zip
2. 압축을 푸시고 XE를 설치한 곳에서 widgets/newest_images/skins/ 에 폴더채 업로드 한다.
3. 폴더 안에 보시면 xml 폴더가 있는데 그 폴더 퍼미션을 777로 변경한다.
4. 이제 페이지수정에서 위젯을 불러와서 다음과 같이 수정한다.
글 제목길이 : 제한없음...
이미지 크기 : ztyle_v031.zip(가로 900px)의 경우 = 가로 : 580 세로 : 331
이미지 크기 : ztyle_v032.zip(가로 650px)의 경우 = 가로 : 416 세로 : 236
5. 가로 이미지수 : 10개이하!! (10개넘을시 작성자가 안나와여 ㅠㅠ)
6. 세로 이미지수 : 비워둔다.
_______________________________________________________________________
_______________________________________________________________________
:: 소스수정 ::
list.html 파일을 열어보세요.
58번줄에 {@$Time = 5000;} <!-- 자동슬라이드타임 1초 = 1000입니다 -->
저곳을 숫자를 바꾸시면 자동슬라이드 넘기는 시간이 변경됩니다.
_______________________________________________________________________
위와 같이 설정하시면 됩니다..
가로 이미지수를 10개 이상으로 할경우 작성자가 안나오는 문제는 해결 못봤네여;; 텍스트필드 말고 BitmapData()로 이미지화해봤는데;;
그게 촘 문제나긴 하는데... 10개까지는 정상 됩니다 ㅎㅎ ;
어짜피 10개이상이면 리소스도 마니 잡아먹을테고 버벅일테니깐여;;
개인서버에서 안된다는 문제점은... 모르겠심더 ㅠㅠ 고수분들 도움을 ~~
많은 분들에게 유용하게 쓰였으면 좋겠네여..
들렀다 가시면서 추천한방 꾸욱 눌러주심 더욱 감사요~ ㅎㅎ
ztyle_v031.zip (1.06MB)(28)
ztyle_v032.zip (1.06MB)(51)
< 하얀색바탕에 적용한 예 >
저번작?에 많은 관심 가져주심에 힘입어 좀더 퀄리티?를 높여밨습니당 ㅎㅎ;;
네이버_포토갤러리에 쓰이는 디자인과 동일합니다...(디자인에는 영~소질없기에;;;)
적용 사이트 : http://www.2soon10.com/
먼저 900 * 362 사이즈와
650 * 340 사이즈 두개를 제작했구요..
-변경된 사항-
1. 투명제작
2. 자동 슬라이드 기능(시간조절 사용자입력가능)
3. 텍스트길이에 따라 박스크기조절
4. 좌우 이동 버튼 삽입
_______________________________________________________________________
:: 설치방법 ::
1. 원하시는 사이즈로 파일을 받는다
900 x 362 사이즈 = ztyle_v031.zip
650 x 340 사이즈 = ztyle_v032.zip
2. 압축을 푸시고 XE를 설치한 곳에서 widgets/newest_images/skins/ 에 폴더채 업로드 한다.
3. 폴더 안에 보시면 xml 폴더가 있는데 그 폴더 퍼미션을 777로 변경한다.
4. 이제 페이지수정에서 위젯을 불러와서 다음과 같이 수정한다.
글 제목길이 : 제한없음...
이미지 크기 : ztyle_v031.zip(가로 900px)의 경우 = 가로 : 580 세로 : 331
이미지 크기 : ztyle_v032.zip(가로 650px)의 경우 = 가로 : 416 세로 : 236
5. 가로 이미지수 : 10개이하!! (10개넘을시 작성자가 안나와여 ㅠㅠ)
6. 세로 이미지수 : 비워둔다.
_______________________________________________________________________
_______________________________________________________________________
:: 소스수정 ::
list.html 파일을 열어보세요.
58번줄에 {@$Time = 5000;} <!-- 자동슬라이드타임 1초 = 1000입니다 -->
저곳을 숫자를 바꾸시면 자동슬라이드 넘기는 시간이 변경됩니다.
_______________________________________________________________________
위와 같이 설정하시면 됩니다..
가로 이미지수를 10개 이상으로 할경우 작성자가 안나오는 문제는 해결 못봤네여;; 텍스트필드 말고 BitmapData()로 이미지화해봤는데;;
그게 촘 문제나긴 하는데... 10개까지는 정상 됩니다 ㅎㅎ ;
어짜피 10개이상이면 리소스도 마니 잡아먹을테고 버벅일테니깐여;;
개인서버에서 안된다는 문제점은... 모르겠심더 ㅠㅠ 고수분들 도움을 ~~
많은 분들에게 유용하게 쓰였으면 좋겠네여..
들렀다 가시면서 추천한방 꾸욱 눌러주심 더욱 감사요~ ㅎㅎ
// 슬라이드 타임
$widget_info->slide_time = (int)$args->slide_time;
if(!$widget_info->slide_time) $widget_info->slide_time = 5000;
if($args->skin_type!='Y') $widget_info->skin_type = 'N';
else $widget_info->skin_type = 'Y';
<var id="skin_type">
<type>select</type>
<name xml:lang="ko">스킨의 크기</name>
<description />
<options>
<value>N</value>
<name xml:lang="ko">650*340</name>
</options>
<options>
<value>Y</value>
<name xml:lang="ko">900*362</name>
</options>
</var>
<var id="slide_time">
<type>text</type>
<name xml:lang="ko">슬라이드 타임</name>
<description xml:lang="ko">자동슬라이드타임 1초 = 1000입니다 (기본 5000)</description> </var>
<!--@if(count($widget_info->document_list))-->
{@ $count = 0; }
<!--@for($i=0;$i<$widget_info->rows_list_count;$i++)-->
<!--@for($j=0;$j<$widget_info->cols_list_count;$j++)-->
{@ $oDocument = $widget_info->document_list[$i*$widget_info->cols_list_count + $j]}
<!--@if($widget_info->skin_type == 'Y')-->
{@$imgLocation = $oDocument->getThumbnail(580,331,$widget_info->thumbnail_type);}<!--@else-->{@$imgLocation = $oDocument->getThumbnail(416,236,$widget_info->thumbnail_type);}
<!--@end-->
{@$Subject = $oDocument->getTitle($widget_info->title_length);}
{@$author = $oDocument->getNickName();}
{@$Date = $oDocument->getRegdate();}
{@$url = getUrl('','document_srl',$oDocument->document_srl);}
<!--DB에서 가져온 정보로 Xml문서의 Element를 구성-->
{@$xmlList .=" <Contentinfo>\n";}
{@$xmlList .=" <imgLocation>$imgLocation</imgLocation>\n";}<!-- 이미지경로 -->
{@$xmlList .=" <Subject>$Subject</Subject>\n";} <!-- 게시판제목 -->
{@$xmlList .=" <Author>by $author</Author>\n";} <!-- 작성자 -->
{@$xmlList .=" <Date>$Date</Date>\n";} <!-- 작성일 -->
{@$xmlList .=" <href>$url</href>\n";} <!-- 링크 -->
{@$xmlList .=" </Contentinfo>\n\n";}
<!--@end-->
<!--@end-->
<!--통합 XmlDoc의 내용을 구성-->
{@$xmlDoc="<?xml version='1.0' encoding='utf-8'?>\n";}
{@$xmlDoc .="<Boardinfo>\n";}
{@$xmlDoc .="$xmlList";}
{@$xmlDoc .="</Boardinfo>\n";}
<!--@end-->
{@$Path = _XE_PATH_;} <!--XE 설치된경로-->
{@$location = "widgets/newest_images/skins/ztyle_v031/";} <!-- 스킨설치경로 -->
{@$dirname = $Path.$location."xml/";} <!-- xml폴더유지 -->
{@$fileName = "list_info.xml"; }
{@$fileinfo = "$dirname$fileName";}
{@FileHandler::writeFile($fileinfo, $xmlDoc);} <!-- xml폴더와list_info.xml 파일생성 -->
<!--@if($widget_info->skin_type == 'Y')-->
{@$SWF_dir = $Path.$location."ztyle_v031.swf";}<!--@else-->{@$SWF_dir = $Path.$location."ztyle_v032.swf";}<!--@end--> <!-- 플래시파일 -->
{@$Title = $widget_info->title;}<!-- 컨텐츠제목 -->
{@$Time = $widget_info->slide_time;} <!-- 자동슬라이드타임 1초 = 1000입니다 -->
<!--@if($widget_info->skin_type == 'Y')-->
<p class="Gallery_Box"><script type="text/javascript">F_viewSwf('900','362','transparent','{$SWF_dir}','{$fileinfo}','{$Title}','{$Time}');</script></p><!--@else--><p class="Gallery_Box"><script type="text/javascript">F_viewSwf('650','340','transparent','{$SWF_dir}','{$fileinfo}','{$Title}','{$Time}');</script></p>!--@end--
p.s ztyle_v032폴더안의 ztyle_v032.swf파일을 복사해서 ztyle_v031폴더안에 넣어서야 정상작동합니다.
단독위젯버전 https://moonhouse.co.kr/zbxe/238728