一、介紹
這是個精簡版圖片展示插件Lightbox，JS文件體積只有16K，單純展示圖片足夠用了，JS體積變小，也使得頁面能快速加載。太多的，體積過大的JS引用，會使頁面加載過慢。
二、安裝
在您頁面的頭部head中嵌入如下如下代碼鏈接必須的JavaScript文件。
<script type="text/javascript" src="js/jquery-1.2.6.pack.js"></script> <script type="text/javascript" src="js/jquery.lightbox.packed.js"></script>
前面一個JavaScript文件表示JavaScript庫，后面一個是lightbox插件。這里的鏈接路徑根據您的實際情況進行修改。
三、幫助
如果您在使用過程中遇到一些問題無法解決，可以去這里http://plugins.jquery.com/project/issues/jquerylightbox_bal，可能會對您有所幫助。
四、參數
| 參數名 | 描述 | 參數值 |
|---|---|---|
| show_helper_text | 是否顯示一些提示文本，例如“點擊關閉”等 | true（默認，顯示）, false（不顯示） |
| show_info | 是否顯示圖片的信息 | "auto"（默認）- 要鼠標經過才會自動顯示, true - 強制顯示 |
| show_extended_info | 是否顯示圖片擴展的些信息 | "auto"（默認）- 要鼠標經過才會自動顯示, true - 強制顯示 |
| download_link | 是否顯示圖片下載的鏈接 | true（默認，顯示）, false（不顯示） |
| auto_resize | 是否在圖片尺寸過大時進行大小限制 | true（默認，限制）, false（不限制） |
| colorBlend | 是否支持colorBlend（顏色混合） | null（默認）- 僅當colorBlend檢測到時可用, true - 導入colorBlend且使可用, false - 不支持colorBlend |
| ie6_support | 是否支持IE6瀏覽器 | true（默認，支持）, false（不支持） |
| ie6_upgrade | 是否給IE6用戶顯示升級提示信息 | true（默認，顯示）, false（不顯示） |
| show_linkback | 是否顯示右上角的方向鏈接 | true（默認，顯示）, false（不顯示） |
| auto_scroll | 如何對滾動進行處理 | "follow"（默認）- 與用戶一致, "disabled" - 不允許滾動, "ignore" - 忽略滾動（讓lightbox停留在其最初的位置上） |
| speed | 每次圖片轉換過渡的時間（毫秒） | 400（默認）, integer（整數） |
| baseurl | 要使用的基本路徑用來自動導入需要的文件 | null（默認）- 自動檢測, string - 要手動添加的基本路徑 |
| files | JavaScript中鏈接調用的一些文件，在這些文件（CSS、圖片等）重命名時使用 | Children: js.lightbox, js.colorBlend, css.lightbox, images.prev, images.next, images.blank, images.loading |
| text | JavaScript中包含的一些文字，在您要翻譯的時候使用 | Children: image, of, close, closeInfo, download, help.close, help.interact, about.text, about.title, about.link |
| keys | JavaScript文件中包含的些快捷鍵，在您想重新定義快捷鍵的時候使用 | Children: close, prev, next |
| opacity | 覆蓋背景層的透明度 | 0.9（默認，90%的透明度）, 數值 |
| padding | 圖片四周的padding值 | null（默認）- 自動檢測, integer - padding的整數值 |
| rel | 鏈接上要搜尋的rel值，用以應用lightbox效果 | "lightbox"（默認）- 默認搜尋rel="lightbox", string - 應該搜尋的rel字符串 |
| auto_relify | 是否對rel進行一個初始化的掃描自動檢測lightboxes | true（默認）, false |
五、使用
有兩個方法使用這些參數：一是通過js鏈接，而是通過js代碼。例如下面的例子，分別用着兩個方法將JavaScript文件中的反向鏈接隱藏同時將文件中的“圖片”文字改成“照片”。
1. 鏈接修改法
<script type="text/javascript" src="js/jquery.lightbox.min.js?show_linkback=false&text.image=Photo"></script>
2. 代碼修改法(construct)
<script type="text/javascript" src="jquery_lightbox/js/jquery.lightbox.packed.js"></script>
<script type="text/javascript">
$(function(){
$.Lightbox.construct({
show_linkback: false,
text: {
image: '照片'
}
});
});</script>