Hyo Kim’s weblog

. . . . Implementing Lightbox on your site is easy: grab the lightbox-auto plugin by Mdkart which automatically adds this code to appropriate images! Or, if you prefer, manually add rel=”lightbox” to your thumbnail image’s href tag, or rel=”lightbox[groupname]” to a group of related photos. . . .LightBox 2.0 (2.5)를 적용한 예, 위의 이미지를 클릭하면 전체 웹사이트를 배경으로한 전체 이미지가 뜨게 됩니다. 한 페이지에 여러 그림이 있는 경우, 크게 보는 사진의 오른쪽, 왼쪽을 클릭하면 차례대로 다음 그림이 뜨게 됩니다.

그나 저나, 사진이 텍스트를 둘러 쌓도록 (wrapping) 하려면? 그림을 uploads 폴더에서 엄지크기로 불러와서 왼쪽에 정렬을 합니다. 그리고, img 태그 내에style=”float:left; margin:0 10px;”을 첨가해 줍니다. 따라서 전체 이미지 코드는 <img src=”. . . .” style=”float:left; margin:010px;” /> 와 같이 보입니다. 이제 처음의 그림을 wrapping을 적용해보면:

그런데, flexible uploader라는 플러그인이 있었군요. . . .

. . . . Implementing Lightbox on your site is easy: grab the lightbox-auto plugin by Mdkart which automatically adds this code to appropriate images! Or, if you prefer, manually add rel=”lightbox” to your thumbnail image’s href tag, or rel=”lightbox[groupname]” to a group of related photos. . . .