이전에 포스팅 했던 바 있는 플래시 이미지 뷰어를 개량한 것입니다.
기존의 것에는 액션스크립트 2.0이 적용되어 있었는데,
이를 액션스크립트 3.0으로 고치려다 완전히 날려먹은 관계로[...] 새로 만들게 되었습니다.
※ 인덱스, 설명 창은 클릭하면 사라집니다.
※ 이미지를 위한 것으로, Math.Random() 함수를 이용하여 가상의 다운로드 상황을 연출한 것입니다.
다운로드 여부나 실제 전송 속도와는 전혀 무관합니다.
적당한 경로에 플래시 파일을 업로드 한 후,
이와 같은 형식으로 적어주시면 됩니다.
자세한 사항은 첨부된 html 파일을 참조해 주세요!
전용 XML 파일 형식
사용되는 XML 파일의 형식은 다음과 같습니다.
만약 <img src="경로" /> 형식의 소스들을 위와같은 형식으로 변경하고자 하실 경우, 이곳을 이용해 주시기 바랍니다.
상기 링크를 통해 처리된 결과물을 그대로 XML 형식으로 저장하시면 됩니다.
기존의 것에는 액션스크립트 2.0이 적용되어 있었는데,
이를 액션스크립트 3.0으로 고치려다 완전히 날려먹은 관계로[...] 새로 만들게 되었습니다.
미리보기
※ 인덱스, 설명 창은 클릭하면 사라집니다.
프리로더
사용된 프리로더는 애플 로딩바 스타일로 제작하였습니다.※ 이미지를 위한 것으로, Math.Random() 함수를 이용하여 가상의 다운로드 상황을 연출한 것입니다.
다운로드 여부나 실제 전송 속도와는 전혀 무관합니다.
개선된 점
- 액션스크립트 3.0을 기반으로 작성하였습니다.
- 이미지를 배열로 받도록 변경하였습니다.
→ 한 번 다운받은 이미지는 배열에 저장되므로 다시 다운로드 할 필요가 없어졌습니다.
- 통째로 B64 암호화 된 xml 문서를 읽을 수 있습니다.
- 이미지 슬라이드 기능을 추가하였습니다.
- 원본 이미지를 플래시 자체에서 볼지, 새 윈도우를 열지 선택할 수 있도록 하였습니다.
다운로드
fiv3.zip사용 방법
압축파일 내에는 플래시 파일 2종과 샘플 이미지, xml, html이 포함되어 있습니다.적당한 경로에 플래시 파일을 업로드 한 후,
<embed src="플래시 경로" flashvars="
XmlPath=XML 파일의 경로
XmlPath=XML 파일의 경로
&Rate=비율
&Encrypted=false
&NewWindow=true
&Timer=5000" />
&Encrypted=false
&NewWindow=true
&Timer=5000" />
이와 같은 형식으로 적어주시면 됩니다.
자세한 사항은 첨부된 html 파일을 참조해 주세요!
변수
XmlPath
(필수) xml 파일의 경로입니다.
Rate
(기본값 : 1.2) 이미지가 리사이즈 되었을 경우, 리사이즈 된 비율을 비교하여 설정된 값 보다 클 경우 원본 이미지를 볼 수 있는 버튼을 활성화 시킵니다.
NewWindow
(기본값 : true) 리사이즈 된 이미지의 원본을 내부에 포함 된 자바스크립트를 이용하여 팝업시킬지, 플래시 내부에서 확대하여 마우스를 통해 스크롤 시킬 지 결정합니다. 플래시 내부에서 보도록 하려면 이 값을 false로 설정해야 합니다.
Encrypted
(기본값 : false) xml 문서 자체의 암호화 여부입니다. 만약 B64 형식으로 암호화 되어있을 경우, 이 값을 true로 설정해야 합니다. 결코 W3에 명시된 XML Encryption 개념이 아닙니다!
Timer
(기본값 : 5000) 엔터시 슬라이드 할 간격을 설정합니다. 밀리초(1초 = 1000) 단위입니다.
(필수) xml 파일의 경로입니다.
Rate
(기본값 : 1.2) 이미지가 리사이즈 되었을 경우, 리사이즈 된 비율을 비교하여 설정된 값 보다 클 경우 원본 이미지를 볼 수 있는 버튼을 활성화 시킵니다.
NewWindow
(기본값 : true) 리사이즈 된 이미지의 원본을 내부에 포함 된 자바스크립트를 이용하여 팝업시킬지, 플래시 내부에서 확대하여 마우스를 통해 스크롤 시킬 지 결정합니다. 플래시 내부에서 보도록 하려면 이 값을 false로 설정해야 합니다.
Encrypted
(기본값 : false) xml 문서 자체의 암호화 여부입니다. 만약 B64 형식으로 암호화 되어있을 경우, 이 값을 true로 설정해야 합니다. 결코 W3에 명시된 XML Encryption 개념이 아닙니다!
Timer
(기본값 : 5000) 엔터시 슬라이드 할 간격을 설정합니다. 밀리초(1초 = 1000) 단위입니다.
단축키
왼쪽 방향키 / PageUp
이전 이미지를 불러옵니다. 만약 첫번째 이미지에서 누를 경우 가장 마지막 이미지를 불러오게 됩니다.
오른쪽 방향키 / PageDown
다음 이미지를 불러옵니다. 만약 마지막 이미지에서 누를 경우 가장 처음의 이미지를 불러오게 됩니다.
HOME
가장 처음 이미지를 불러옵니다.
END
가장 마지막 이미지를 불러옵니다.
Space Bar
원본 이미지를 봅니다. 이미지 영역에서 확장 버튼이 활성화 중일 때만 작동합니다.
Enter
이미지 슬라이드를 시작합니다. 다시 한 번 누르면 슬라이드가 정지됩니다.
이전 이미지를 불러옵니다. 만약 첫번째 이미지에서 누를 경우 가장 마지막 이미지를 불러오게 됩니다.
오른쪽 방향키 / PageDown
다음 이미지를 불러옵니다. 만약 마지막 이미지에서 누를 경우 가장 처음의 이미지를 불러오게 됩니다.
HOME
가장 처음 이미지를 불러옵니다.
END
가장 마지막 이미지를 불러옵니다.
Space Bar
원본 이미지를 봅니다. 이미지 영역에서 확장 버튼이 활성화 중일 때만 작동합니다.
Enter
이미지 슬라이드를 시작합니다. 다시 한 번 누르면 슬라이드가 정지됩니다.
전용 XML 파일 형식
사용되는 XML 파일의 형식은 다음과 같습니다.
<?xml version="1.0" encoding="euc-kr" standalone="yes" ?>
<images>
<pic><image>첫번째 이미지 경로</image><desc>이미지 파일에 대한 설명</desc></pic>
<pic><image>두번째 이미지 경로</image></pic>
<pic><image>세번째 이미지 경로</image><desc>desc는 없어도 무방합니다.</desc></pic>
<pic><image>네번째 이미지 경로</image></pic>
<pic><image>...</image></pic>
</images>
<images>
<pic><image>첫번째 이미지 경로</image><desc>이미지 파일에 대한 설명</desc></pic>
<pic><image>두번째 이미지 경로</image></pic>
<pic><image>세번째 이미지 경로</image><desc>desc는 없어도 무방합니다.</desc></pic>
<pic><image>네번째 이미지 경로</image></pic>
<pic><image>...</image></pic>
</images>
만약 <img src="경로" /> 형식의 소스들을 위와같은 형식으로 변경하고자 하실 경우, 이곳을 이용해 주시기 바랍니다.
상기 링크를 통해 처리된 결과물을 그대로 XML 형식으로 저장하시면 됩니다.
리포트
불편한 점이나 버그 등은 댓글을 통해 해주시길 부탁드립니다.'컴퓨터' 카테고리의 다른 글
| [프로그래밍 언어론] BNF (Backus-Naur Form) 란? (0) | 2011.03.20 |
|---|---|
| Base64 인코딩에 대한 잡설 (0) | 2011.03.20 |
| [Java] Conversion과 Casting (0) | 2011.03.19 |
| [Java] Primitive data type (원시 자료형) (0) | 2011.03.19 |
| [Flash] Base64 Encoder & Decoder for flash (0) | 2011.03.18 |
| 티스토리 모바일 웹 스킨기능 살펴보기 (0) | 2011.03.15 |
| Visual Studio 2010 Express Edition (0) | 2011.03.11 |
| 플래시 이미지 뷰어 (2) | 2011.03.10 |
| 요즘 티스토리 접속 장애가 잦네요.. (0) | 2011.03.07 |
| 모바일웹 스킨 기능을 기다립니다. (0) | 2011.02.26 |
IE9 이상으로 브라우저를 업그레이드하거나, 크롬, 파이어폭스 등 최신 브라우저를 이용해주세요.