용산철거민살인진압규탄
Monologue

포토 블로그 + 앨범 만들기

2006년 10월 12일  저녁 07시 31분

근 6개월 동안 MT에 손을 놓고 있다가 포토블로그에 대한 질문으로 이제야 정리해 보는 거라 상당히 미흡합니다. 아래 기능에 대한 링크와 자세한 설명은 차츰 보충해 나가겠습니다.


기존에 포토블로그를 이용하고 있었지만 썸네일 생성을 따로 해야 하는 불편함이 있었고, 포토 앨범이라기보다는 사진이 들어가 있는 로그의 형태에 가까웠습니다. 바꾸는 김에 썸네일 자동생성, 카테고리를 지정해서 독립된 앨범처럼 보이고 사진의 정보를 기본적으로 출력되게끔 했습니다. 그리고 전체사진보기와 카테고리별 사진보기가 가능하도록 만들었습니다. 직접 포토 볼로그를 보는 게 이해하기 쉬울 것입니다. 포토블로그에서 이것저것 눌러보면 '아 이게 뭐구나'라고 짐작할 수 있을 것입니다. MovableType의 무궁무진한 확장기능에 박수를 보냅니다.

포토 블로그 + 앨범에 사용된 기능


썸네일 자동생성
(Image::Magick perl 모듈 / MTEmbedImage 플러그인 필요)

EXIF 자동출력
(Image::Info 모듈 / MTImageInfo 플러그인 필요)
디지털 사진의 경우 사진 내에 찍은 시간이라든지 카메라의 기종 등과 같은 정보가 내장되어 있습니다. 이것을 자동으로 불러들이는 것입니다.

여러 개의 pre next 사진 보여주기
MTAgain 플러그인 필요
MTAgain 플러그인 다운로드는 여기서 받으세요.

css만으로 사진의 액자 테두리 자동 생성
IE에서는 액자 테두리에 공간이 생깁니다. IE 버그인데, 소스에서 빈 공간을 두지 않으면 제대로 보입니다. MT뿐만 아니라 다른 툴에서도 사용가능합니다.

사진의 가운데를 기준으로 왼쪽은 이전사진 오른쪽은 다음사진으로 이동
이 기능은 Photo Gallery Templates을 응용했습니다. Photo Gallery Templates은 MT를 기반으로 하는 포토 앨범인데 매우 훌륭합니다. 기존의 블로그와의 호환을 위해서 Photo Gallery Templates 중 맘에 드는 이 기능 하나만을 가지고 온 셈인데 별다른 플러그인 없이 css만을 가지고 만든 것입니다. 제 경우는 MTCompare플러그인을 함께 사용하고 있습니다. MTCompare 플러그인은 블로그의 카테고리별 페이지나 인디비줠 페이지 등등을 다르게 꾸미고 싶을 때 상당히 유용합니다.


전체 사진보기 혹은 카테고리별 사진보기
위의 설명처럼 사진의 정중앙을 기준으로 왼쪽은 이전사진 오른쪽은 다음사진으로 이동을 합니다. 이 때 카테고리(앨범)별로 이동이 가능합니다. 왼쪽 상단의 카테고리 아이콘을 클릭하면 현재 보는 사진을 기준으로 카테고리별 보기로 이동하고 다시 아이콘을 클릭하면 전체보기로 이동합니다.
MTPreviousNextInCategory

이 기능은 플러그인 외에 MT에서 인디비줠을 따로 하나 더 생성해야 합니다.


사진을 확대해서 원본 사이즈 보여주기
lightbox 자바스크립트 소스를 이용했습니다. 매우 간단하게 적용할 수 있습니다. MT뿐만 아니라 어떤 툴에서도 가능합니다. lightbox 2.0을 이용할 수도 있습니다.

외에 사용된 기능
MTGrid 테이블 생성 플러그인입니다. 썸네일을 메인에 뿌려줄 때 깔끔하게 나타낼 수 있습니다.

마지막으로 전체적인 css의 수정이 필요합니다.


TrackBack URL : http://antimine.kr/mt-tb.cgi/572.

Category : Monologue
Recent Tag Cloud
Cutoff Parameter: -3 -1 +1 +3 0
Tags


oogle  AJAX Search