어찌 어찌 하다보니 벌써 플래시 갤러리 8 개째 입니다.
이 플래시는 sm3 (ojk5) 님의 요청에 의해 xe연동으로 만들었습니다.
sm3님 말대로 한신간 동안 또닥거리고 지금 이글을 쓰고 있습니다.
이 소오스는 오픈 소오스 이더군요.
여기서 사용해도 무방할것 같습니다.
저작권에 위배된다면 즉시 내리겠습니다.
출처 : http://www.ruochi.com
한국 출처 : http://www.imgwizard.com/29737#1
입니다. 아래 설정값 번역은 한국출처에서 가져왔습니다.허락도 없이 가져와서 죄송합니다.
달리 방법이 없어서요.아마도 이해하실겁니다. zb5로는 이미 만드신 모양입니다.
저는 sm3님 정보에 의해 위 사이트 구경하면서 저도 언젠가 사용해볼까 해서 급조해서
연동부분만 만들었습니다.
설정값이 20개가 넘는군요. 이것을 설정에서 받으려 하니까 노가다가 심해
설정은 간단히 하고 일단은 list.html에서 설정값을 변경하는 방법을 택했습니다.
이점은 죄송스럽게 생각합니다.
뭐 설정은 한번 하면 그리 많이 하지 않으므로 ...입니다.
-------------------------------------------------------------------------------------------------------
그럼 설치로 들어갑니다.
1. dicasajin_flash_gallery_7.zip
역시 이것 역시 제 스타일 데로 입니다.
기본 저의 폼에 마추다 보니 이런식 입니다.
바탕이나 색 설정은 제 스타일로 흙백과 랜덤칼라,투명모드 지원합니다.
바탕은 현재 10개 정도 만들어 놓았으니 사용하시면 됩니다.
또한 타이틀바 사용 유무도 설정이 됩니다. 그외 복잡한 파라메터는 아래 설명합니다.
설치 결로는 "widgets/" 방에 풀어서 올리시면 됩니다.
즉 풀린것에서 "dicasajin_flash_gallery_7" 폴더를 widgets 방에 통째로 올리시면 됩니다.(스킨즈 방이 아님을 명심하세요.)
압축을 푸실때 "dicasajin_flash_gallery_7"에 압축풀기로 하시기 바랍니다.
그런다음 관리자->관리모듈->위젯에 가셔서 "디카사진 플래시 갤러리 7"를
선택해서 코드생성에 들어가셔서 위젯스킨 설정을 하시면 되는데
여기에는 3가지 위젯 스킨이 들어가 있습니다.
한 페이지에서 8개 동시 사용가능합니다.(다른 설정으로:효과설정이 8개 이므로 8개로 만들었습니다.)
이 8가지 효과는 아래 설정에서 참고 하시기 바랍니다.
다음으로 바탕 스킨 설정하시면 됩니다.(칼라셋이라고 하는것 입니다.)
바탕은 아무거나 해도 무방합니다.
보이지 않기 때문이기도 하고 어떤 효과설정에서는 보이기도 합니다.
2. 설치 경로문제
"widgets/dicasajin_flash_gallery_4/skins/default/list.html" 에 보시면
{@$Path = "";} <!--XE 설치된경로 ("/xe/")-->
가 있습니다.
간혹 이것이 문제가 되더군요.
경로도 {@$Path = "";} 이부분을 {@$Path = _XE_PATH_;}
위는 개인서버가 아닌경우 해당됩니다.
개인서버에서 _XE_PATH_ 값은 자기컴에 C:dkdkdkdkdk 즉 자기 컴푸터 설치된곳을 가져옵니다.
그러나 개인서버가 아닌곳에서는 제대로 가져옵니다.
개인서버는 그냥 "" 하시고 그게 아니되면 "xe" 혹은 "zbxe"로 해보시기 바랍니다.
3. 주의 사항
대개들 안되는 분들은 너무 성급하게 생각하시고 설치 안내를 잘 읽지 않고 하시는 경우가 있더군요.
설치방의 스킨 방에 보시면 xml 방이 있고 그 밑에 gallery.xml이 생성됩니다.
이 파일 권한 설정이 777로 되어야 합니다.
xml 방도 같이 설정해 주시기 바랍니다.
저는 개인 서버라 관계가 없습니다.
또한 스킨 방에 list.html은 손대실때는 신중히 하시기 바랍니다.
설정값을 리스트 할때 복잡함으로 ' 나 " 순서가 바뀐다거나 다른것으로 대체되면 이 플래시 동작 거부합니다.
또한 아직까지 제가 올린 버전의 댓글 참조하시면 무리없이 설치 성공하시리라 봅니다.
4. 적용사이트 보기
http://dicasajin.goanygate.com:8080/page_dicasajin_layout_main2_test_07
효과 8개를 올려놓았습니다.(트래픽의 압박이 조금 있습니다.개인서버이기때문에)
5. 파폭에서 안될때
파폭용 플래시 버전이 낮아서 그렇니다.
저 아래 제가 올린 플래시 갤러리에서 "install_flash_player.exe"를 설치하시면 됩니다.
저도 고민했는데 이것을 잊고 있었습니다.
안되던것들이 전부 이제는 됩니다.
6. 외국어 문제
SWF는 오리지날을 그대로 사용하는데 별 이상없이 한글은 됩니다.
설정에 보시면 <titleFont>ganji</titleFont> 가 있다 여기에 자기가 원하는 폰트 이름을 입력하면 된다.
즉 이 폰트는 내부에 embed되는것이 아니라 device font를 사용하므로
어느 나라에서도 사용 가능하다.
또한 하단 숫자는 embed font 이기 때문에 고칠수 없다.
7. 플래시 사이즈 문제
이 플래시는 크랍전용으로 개발된것으로 생각합니다.
그러한 이유로 해서 적당히 조절하시기 바랍니다.
주로 가로 사진이 여기에 맞겠지요.
세로 사진 위주라면 제가 올리 플래시 갤러리중 선택해서
사용하시면 됩니다.
8. 위젯 샘플 및 파라메터 설명
<img class="zbxe_widget_output" widget="dicasajin_flash_gallery_7" skin="default" colorset="random_color" use_title_bar="Y" title="디카사진 플래시 갤러리 7-alpha" title_cut_size="20" order_target="list_order" order_type="desc" subject_cut_size="20" flash_width="523" flash_height="351" thumbnail_type="crop" thumbnail_width="515" thumbnail_height="343" display_subject="Y" display_author="Y" display_regdate="Y" list_count="26" mid_list="GalleryTest_01" />
이번 위젯 샘플은 간단합니다.
위는 그저 제가 올린 위젯 참조하시면 아실것 입니다.
9. 중요한 설정값
이 설정값은 설치방의 스킨방에 가시면 list.html이 있습니다.
직접 변경하셔야 합니다.
8개가 기본으로 설정되었다 하드래도 마음에 들게 하시려면
변경해야 되겠지요.
중요한 것은 편집할때 다른것은 건드리지 마시고
<!--options-->
{@$xmlDoc .="<config>rn";}
{@$xmlDoc .=" <roundCorner>0</roundCorner>rn";}
{@$xmlDoc .=" <autoPlayTime>4</autoPlayTime>rn";}
{@$xmlDoc .=" <isHeightQuality>false</isHeightQuality>rn";}
{@$xmlDoc .=" <blendMode>normal</blendMode>rn";}
{@$xmlDoc .=" <transDuration>1</transDuration>rn";}
{@$xmlDoc .=" <windowOpen>_self</windowOpen>rn";}
{@$xmlDoc .=" <btnSetMargin>auto 5 5 auto</btnSetMargin>rn";}
{@$xmlDoc .=" <btnDistance>20</btnDistance>rn";}
{@$xmlDoc .=" <titleBgColor>0xff6600</titleBgColor>rn";}
{@$xmlDoc .=" <titleTextColor>0xffffff</titleTextColor>rn";}
{@$xmlDoc .=" <titleBgAlpha>.75</titleBgAlpha>rn";}
{@$xmlDoc .=" <titleMoveDuration>1</titleMoveDuration>rn";}
{@$xmlDoc .=" <btnAlpha>.7</btnAlpha>rn";}
{@$xmlDoc .=" <btnTextColor>0xffffff</btnTextColor>rn";}
{@$xmlDoc .=" <btnDefaultColor>0x1B3433</btnDefaultColor>rn";}
{@$xmlDoc .=" <btnHoverColor>0xff9900</btnHoverColor>rn";}
{@$xmlDoc .=" <btnFocusColor>0xff6600</btnFocusColor>rn";}
{@$xmlDoc .=" <changImageMode>click</changImageMode>rn";}
{@$xmlDoc .=" <isShowBtn>true</isShowBtn>rn";}
{@$xmlDoc .=" <isShowTitle>true</isShowTitle>rn";}
{@$xmlDoc .=" <scaleMode>noBorder</scaleMode>rn";}
{@$xmlDoc .=" <transform>alpha</transform>rn";}
{@$xmlDoc .=" <isShowAbout>true</isShowAbout>rn";}
{@$xmlDoc .=" <titleFont>Arial</titleFont>rn";}
{@$xmlDoc .="</config>rn";}
<!--options end-->
위 부분에서 각 설정값만 아래 참고 하시어 변경하시기 바랍니다.
설정값 설명은 저 위에 출처에서 가져왔습니다.(이점 사과드리면서 감사합니다.)
-------------------------------------------------------------------------------------------------------
- 다양한 효과 => alpha, blur, left, right, top, bottom, breathe, breatheBlur (xml 파일에서 < transform>breathe< /transform > 부분 수정)
- 라운드 형태의 모습으로도 출력가능
- 다양한 이미지포멧 지원 (.gif, .jpg, .png 까지는 테스트해봤음)
- 그 이외에 로테이트시간, 링크(_self, _blank), 알파값, 각각의 색상변경,, 등의 설정가능
<config>
<roundCorner>10</roundCorner> = 라운드사용시에 roundCorner의 수치. 사용안하면 0으로
<autoPlayTime>5</autoPlayTime> = 이미지 로테이트 시간.
<isHeightQuality>false</isHeightQuality> = 이미지 퀄리티설치. true(사용) 또는 false(사용 안함)
<blendMode>normal</blendMode> = 기본값
<transDuration>1</transDuration> = 효과적용시간
<windowOpen>_self</windowOpen> = 이미지 클릭시에 링크타켓. _self(현재 창) 또는 _blank(새창)
<btnSetMargin>auto 15 15 auto</btnSetMargin> = 하단 버튼set 간격(margin 값)
<btnDistance>20</btnDistance> = 하단 버튼과 버튼사이의 공간 (버튼의 가로사이즈가 될수도)
<titleBgColor>0xff6600</titleBgColor> = 상단 타이틀바의 배경색
<titleTextColor>0xffffff</titleTextColor> = 상단 타이틀 글자색상
<titleBgAlpha>.99</titleBgAlpha>= 상단 타이틀바의 알파값 (물론 클수록 진함;;)
<titleMoveDuration>1</titleMoveDuration> = 상단 타이틀바의 실행시간(초)
<btnAlpha>.7</btnAlpha> = 하단 버튼의 알파값
<btnTextColor>0xffffff</btnTextColor> = 하단 버튼의 글자색상
<btnDefaultColor>0x1B3433</btnDefaultColor> = 하단 버튼의 기본색상
<btnHoverColor>0xff9900</btnHoverColor> = 하단 버튼 over시의 색상
<btnFocusColor>0xff6600</btnFocusColor> = 하단 버튼 focus시의 색상
<changImageMode>click</changImageMode> = 이미지 체인지 방법 (click, over)
<isShowBtn>true</isShowBtn> = 하단 버튼의 출력여부. true(사용) 또는 false(사용 안함)
<isShowTitle>true</isShowTitle> = 상단 타이틀바의 출력여부. true(사용) 또는 false(사용 안함)
<scaleMode>noBorder</scaleMode> = 스케일모드에 대한 설정
<transform>breathe</transform> = 효과설정(alpha, blur, left, right, top, bottom, breathe, breatheBlur)
<isShowAbout>true</isShowAbout> = 플래시위에서 마우스우측클릭시 출처에 대한 출력여부. true(사용) 또는 false(사용 안함)
<titleFont>ganji</titleFont> = 상단 타이틀바에 사용될 폰트(예. 궁서,굴림 등등으로 입력하면 된다.)
</config>
-------------------------------------------------------------------------------------------------------
위에서 효과 부분은 아래에서 세번째 <transform>breathe</transform> 이 부분입니다.
아마도 이부분을 많이 변경하실것 같군요.
다른 부분은 저도 아직 건드리지 않았지만 한번 해보시기 바랍니다.
애고 이 설명까지 딱 2시간 걸렸습니다.
하여간 마음에 드시면 사용하시고 즐거움 밤 되세요.
저는 뭐뭐 왕후 보러갑니다.
샘플1(타이틀바 적용)
샘플2(타이틀바 적용)
![[레벨:9]](http://www.dicasajin.kr/modules/point/icons/default/9.gif "포인트:8277point (57%), 레벨:9/30"){kind=icon}
