輕量級彈出框 lightbox

1. 引入  lightbox.css 和 lightbox.js

2.檢查 CSS 並肯定調用的 prev.gif 和 next.gif 文件在正確的位置. 一樣要肯定調用的 loading.gif 和 close.gif 文件及 lightbox.js 文件在正確的位置.

3. 激活

　　一、添加 rel="lightbox" 屬性到任何一個連接標籤去激活lightbox. 例如:
　　<a href="images/image-1.jpg" rel="lightbox" title="my caption">image #1</a>
　　可選擇項: 使用 title 屬性加上說明.

　　二、若是你有一套你想分組的相關圖片, 接着上一部而且又在 rel 屬性中添加一個帶方括號的組名.

　　<a href="images/image-1.jpg" rel="lightbox[roadtrip]">image #1</a>
　　<a href="images/image-2.jpg" rel="lightbox[roadtrip]">image #2</a>
　　<a href="images/image-3.jpg" rel="lightbox[roadtrip]">image #3</a>