[태터툴즈] lightbox2 + ThumbnailList 플러그인 활용 팁
一喜一悲
2006/05/02 12:53
태터툴즈 사이트에 올라온 태터툴즈 플러그인을 붙히다 보니,
J.Parker 님이 올린 Thumbnail list plugin과 舜.Viva! 님이 올린 lightbox2의 새로운 버전을 이용하면 재미난 기능을 구현할 수 있음을 알 수 있었다.
(참고로, 다른 버전은 깔아 보지 않아서 잘 모르겠음)
lightbox2의 새로운 기능 중 Prev, Next 기능을 썸네일 이미지 리스트에도 적용되도록 하는 것으로
Thumbnail list plugin의 설정을 lightbox 사용가능하도록 한 경우,
Thumbnail list 플러그인 폴더 내 index.php 파일을 아래와 같이 수정하면,
Thumbnail list 한페이지 내에 출력된 모든 이미지간을 앞뒤로 이동할 수 있으며,
Side bar 내에서도 다수의 이미지가 나오도록 했다면 Side bar 내 이미지간을 이동할 수 있다.
리스트 내 사용 예는 여기 클릭
J.Parker 님이 올린 Thumbnail list plugin과 舜.Viva! 님이 올린 lightbox2의 새로운 버전을 이용하면 재미난 기능을 구현할 수 있음을 알 수 있었다.
(참고로, 다른 버전은 깔아 보지 않아서 잘 모르겠음)
lightbox2의 새로운 기능 중 Prev, Next 기능을 썸네일 이미지 리스트에도 적용되도록 하는 것으로
Thumbnail list plugin의 설정을 lightbox 사용가능하도록 한 경우,
Thumbnail list 플러그인 폴더 내 index.php 파일을 아래와 같이 수정하면,
Thumbnail list 한페이지 내에 출력된 모든 이미지간을 앞뒤로 이동할 수 있으며,
Side bar 내에서도 다수의 이미지가 나오도록 했다면 Side bar 내 이미지간을 이동할 수 있다.
리스트 내 사용 예는 여기 클릭
125라인 부근:
$thumb_list .= "<td valign=\"middle\" width=\"{$td_width}%\" align=\"center\"><div class=\"thumb_ite
m\"><a href=\"{$lightbox_src}\" rel=\"lightbox\" title=\"{$title}\">.....
->
$thumb_list .= "<td valign=\"middle\" width=\"{$td_width}%\" align=\"center\"><div class=\"thumb_ite
m\"><a href=\"{$lightbox_src}\" rel=\"lightbox['thumb']\" title=\"{$title}\">....
234라인 부근:
$thumb_list .= "<td width=\"{$td_width}%\" align=\"center\"><div class=\"thumb_item\"><a href=\"{$li
ghtbox_src}\" rel=\"lightbox\" title=\"{$title}\">
->
$thumb_list .= "<td width=\"{$td_width}%\" align=\"center\"><div class=\"thumb_item\"><a href=\"{$li
ghtbox_src}\" rel=\"lightbox['sidebar']\" title=\"{$title}\">
$thumb_list .= "<td valign=\"middle\" width=\"{$td_width}%\" align=\"center\"><div class=\"thumb_ite
m\"><a href=\"{$lightbox_src}\" rel=\"lightbox\" title=\"{$title}\">.....
->
$thumb_list .= "<td valign=\"middle\" width=\"{$td_width}%\" align=\"center\"><div class=\"thumb_ite
m\"><a href=\"{$lightbox_src}\" rel=\"lightbox['thumb']\" title=\"{$title}\">....
234라인 부근:
$thumb_list .= "<td width=\"{$td_width}%\" align=\"center\"><div class=\"thumb_item\"><a href=\"{$li
ghtbox_src}\" rel=\"lightbox\" title=\"{$title}\">
->
$thumb_list .= "<td width=\"{$td_width}%\" align=\"center\"><div class=\"thumb_item\"><a href=\"{$li
ghtbox_src}\" rel=\"lightbox['sidebar']\" title=\"{$title}\">
댓글을 달아 주세요