Dongki.Net Track #1

플래쉬 갤러리 SlideShowPro

http://eironeia.net/wp/gallery/ 님의 갤러리가 너무나 멋있어서 어떤 프로그램을 사용했나 살펴보니 SlideShowPro라는 프로그램이었다. 아쉽게도 이 프로그램은 $20의 유료 프로그램이었다. SlideShowPro로 갤러리를 생성하기 위해서는 Flash MX 2004 이상의 Flash 프로그램이 꼭 필요하다.자 이제 SlideShowPro로 플래쉬 갤러리를 만들어 보자.

SlideShowPro 프로그램은 .mxp의 확장자로 되어 있고 257.7Kb 정도로 작다. mxp의 프로그램을 사용하기 위해서는 Macromedia Extension Manager라는 프로그램이 필요한데. 이건 플래쉬를 설치할 때 같이 설치된다. 혹 설치가 안된 분들은 여기서 다운 받으면 된다.
http://www.macromedia.com/exchange/em_download/ (영문)
http://www.macromedia.com/kr/exchange/em_download/ (한글)

단지 이 프로그램을 더블 클릭하면 Macromedia Extension Manager가 알아서 SlideShowPro를 설치한다.이것으로 SlideShowPro의 설치는 끝났다. 무지 간단하다.

아무폴더나 SlideShowPro를 적용할 폴더를 만들자. 이런식으로 폴더를 만든다(폴더명은 아무렇게해도 상관없습니다). large 폴더에 갤러리에 사용될 사진을 복사합니다. thumbs 폴더에는 갤러리에 사용된 사진의 썸네일 사진을 만들어서 복사합니다. 이 때 주의할 점은 large 폴더에 복사한 사진 이름과 똑같아야 합니다.

다음의 내용을 텍스트 에디터로 작성하여 images.xml로 저장합니다.

title은 앨범의 타이틀, description에는 앨범의 설명을 lgPath는 갤러리용 사진의 경로
tnPath는 갤러리 썸네일용 사진의 경로입니다.
<img src="" />여기에서는 갤러리에 올라갈 사진들의 이름과 설명을 입력해 주시면됩니다.
위에는 단일 앨범이고여, 앨범을 추가하고 싶으면

이런식으로 갤러리 사이에 앨범만 추가해 주시면 됩니다.

자 이제 Flash를 이용하여 플래쉬 갤러리를 만들어 봅시다.
플래쉬 메뉴에서 새로운 문서를 작성한다. 바로 slideshow 폴더에 slideshow.fla로 저장합니다.
(그럼 slideshow폴더에는 images.xml, slideshow.fla 이렇게 두개의 파일이 존재)
Properties 창에서 Frame rate을 기본 12 fps에서 31 fps로 변경.

Window > Development Panels > Components 를 살펴보면 SlideShowPro라는 폴더가 있다. 그 폴더 밑에 있는 초록색 화살표 모양의 SlideShowPro를 더블클릭하면 메인 화면에 SlideShowPro의 기본적인 모습이 나타난다. Properties 창에서 X,Y를 모두 0으로 수정.
File > Import > Import to Library 에서 첨부한 세 개의 mp3파일을 불러온다.
Library에서 첨부한 mp3파일 위에 오른쪽 마우스 클릭.
Linkage 클릭하면 Linkage Properties 창이 뜬다. 여기서 Export for ActionScript를 선택.
그러면 자동적으로 Identifier에 이름이 입력되고 Export in first frame에도 자동 체크가 된다.
세개의 파일 모두 Linkage를 지정해 준다. Identifier에 입력되는 이름은 수정하지 마세요.

Component Inspector 창에서 SlideShowPro 의 항목중에 Parameters 를 살펴보면
2/3 지정에 Sound FX - Click, Sound FX - Rollover  ,Sound FX - Slide 항목이 있습니다.
Value 값을 차례로 Click, Rollover, Slide로 입력합니다.

이제 거의 모든 작업이 끝나갑니다. 이제는 출판을...
File > Publish Settings 을 클릭하면 Publish Settings창이 뜹니다.
여기서 Flash 탭에서 Version : Flash Player 8, ActionScript version : ActionScript 2.0 , Audio stream, Audio event 는 알맞게 선택하시면 됩니다. HTML 탭에서 Template : SlideShowPro 선택.

폰트가 기본 영문으로 되어 있기 때문에 한글을 입력했을 때 한글 출력이 별로 보기 좋지않습니다.
Typeface - General, Typeface Headers 값을 Dotum,이나 Gulim의 값을 맨 앞에 추가해주고,
폰트의 크기를 9에서 11이나 12로 수정해 주세요.
(Album Desc Size, Album Title Size, Caption Text Size, Navigation Text Size)
기타 자신의 취향에 맞게 수정을 해 주시면 됩니다.
http://slideshowpro.net/downloads/userguide/SSP_User_Guide.pdf 설명서입니다. 여기에 각 항목들에 대한게 자세하게 나와 있습니다 참고해서 수정하세요.

이제 Publish를 클릭합니다. 그러면 slideshow.swf, slideshow.html 파일이 생성되게 됩니다.
slideshow.html를 실행 시켜 보세여. SlideShowPro 갤러리가 잘 보이나요??
이제 출판은 되었고 이걸 웹계정에 업로드하여 사용하는건 사용자의 몫이져.

SlideShowPro의 장단점.
장점 : 깔끔한 플래쉬 갤러리를 제공한다.
무한대의 사진 갤러리를 사용할 수 있다.
SlideShowPro 형태를 사용자 마음대로 설정할 수 있다.
Flickr와 연동하여 사용할 수 있다.
사진에 링크를 걸 수 있다. 키보드 단축키를 제공
음악을 삽입하여 사용 할 수있다. 기타등등.

단점 : 가장 큰 단점은 프로그램이 공짜가 아닌 $20인 유료 프로그램.
Flash MX 2004의 Flash 프로그램이 꼭 필요하다.
프로그램에서 썸네일을 제공해 주는게 아니라 사용자가 직접 썸네일도 만들어야한다.
사진이 많아지면 images.xml에 입력 하는 부분이 많아진다.