Sunday, September 13, 2009

Light Box Image Viewer for Blogger

최근에 majumawm님을 통해서 알게 된 Blogger Widgets을 둘러보다 Light Box Image Viewer For Blogger을 보고 바로 설치했다. 이 Light Box Image Viewer는 오래전에 설치하고 싶었던 위젯인데, 블로거닷컴에 적용하기가 쉽지 않아서 (라고 쓰고 "실력이 없어서"라고 읽는다) 아쉬워 했던 위젯이다.


템플릿의 </head> 바로 위에 Light Box Image Viewer For Blogger의 코드를 삽입하면 위젯 설치는 끝이다. 차암~ 쉽다. ^^

Light Box Image Viewer로 이미지를 보려면, 블로그에 올려진 이미지 주소에서 'onblur="try {parent.deselectBloggerImageGracefully();}'를 'rel="lightbox" title="이미지 이름"'으로 변경하고, 이미지 경로 중에 있는 's1600-h'의 '-h'를 삭제하면 된다. 이미지 이름은 Light Box Image Viewer의 왼쪽 아래에 보여주는데, (귀챦다면) 이미지 이름을 넣지 않아도 된다.

이미지를 여러 장 앨범처럼 보이게 하려면, 첫번째 이미지는 'rel="lightbox[앨범 이름]" title="첫번째 이미지 이름"'으로, 두번째부터는 'rel="lightbox[앨범 이름]" title="두번째 이미지 이름"'과 같은 방법으로 수정하면 되겠다. 앨범 이름은 올린 날짜는 사용하는 것이 좋지 않을까 생각했다. 시간이 지나면 내가 붙인 앨범이름을 기억할 일이 없을 듯 해서 말이야. ㅠ.ㅠ

이미지를 여러장 보여주는 예제는 지저분한 책상에 있는 이미지를 사용했다.