플래시 이미지 뷰어

플래시 이미지 뷰어 소개

플래시 이미지 뷰어는 xml 파일과 플래시를 이용한 갤러리 프로그램 입니다.

현재 640px * 960px 와 640px * 520px 의 두가지 버전이 있으며,
만약 불러온 이미지의 가로 너비가 640px 보다 클 경우 자동으로 가로 640px 로 조절됩니다.

그리고 조절된 비율이 1.2배(flashbars를 통해 변경 가능) 이상일 경우,
이미지 영역에 커서를 가져다 대면 버튼이 이미지 상에 출력되며 이 상태에서 이미지 영역을 클릭하시면  자바스크립트를 이용하여 원본 이미지 윈도우를 팝업시킵니다.

좌우 방향키를 이용하여 이미지를 전환할 수도 있습니다.

다운로드

fiv.zip

사용 방법

다운받으신 압축 파일의 압축을 푸셔서 fiv.swf 파일을 적당한 경로에 업로드 합니다.

flashbars를 이용하여 읽어들일 이미지 파일들의 경로가 적힌 xml의 경로를 지정해 주어야 하는데요.

 ex)  flashvars="XmlPath=XML 파일의 경로&Rate=1.2"

형식으로 적어주시면 됩니다.

자세한 사항은 첨부된 압축파일 내에서 sample.html 파일을 참조해 주세요.

변경점

Ver 0.1

• 버전을 표기하면서 이미지 뷰어를 플래시 자체에 내장 시켰습니다.
  따라서 관련된 변수(ViewerPath)를 삭제하였습니다.
  
• 640px x 520px 도 추가하였습니다.
  
• 내부적인 액션스크립트를 보다 간소화 시켰습니다.
  
• 이미지에 대한 짧막한 설명을 함께 넣을 수 있게 되었습니다.
  
• 새로운 변수인 Rate를 추가하였습니다.
  
  Rate 이미지가 리사이즈 되었을 경우, 리사이즈 된 비율을 해당 변수와 비교하여 해당 변수보다 클 경우 원본 이미지를 볼 수 있도록 합니다. (기본값 : 1.2)
  

전용 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></pic>
    <pic><image>네번째 이미지 경로</image></pic>
    <pic><image>...</image></pic>
</images>

만약 <img src="경로" /> 형식의 소스들을 위와같은 형식으로 변경하고자 하실 경우, 이곳을 이용해 주시기 바랍니다.

처리된 결과물을 그대로 XML 형식으로 저장하시면 됩니다.

미리보기

리포트

건의사항, 불편한 점, 버그 등은 댓글을 통해 해주시기 바랍니다.