jQuery lightBox 套件實際執行情形

jQuery lightBox 套件是一個簡單容易使用，可覆蓋過當前頁面的圖片和內容，運用 jQuery 框架開發擁有更強大的靈活性。

使用方法：
首先載入需要用到的 JavaScript
//使用Google ajax API 直接連結 jQuery 1.7.2的min版本
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
//lightbox 主程式碼
<script type="text/javascript" src="js/jquery.lightbox-0.4.js"></script>
//lightbox 的CSS程式碼
<link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.4.css" media="screen" />
HTML顯示的部分
只需要一個簡單的標記就完成了
<a href="image1.jpg"><img src="thumb_image1.jpg" width="72" height="72" alt="" /></a>

而在 JavaScript 的部分只需要加上一小段程式碼啟動就可以了
$(function() {
$('a[@rel*=lightbox]').lightBox();
});


程式可修改參數值

參數	說明
overlayBgColor	大圖其他部分背景顏色.預設為 #000
overlayOpacity	背景的透明度.預設為 0.8
imageLoading	圖片讀取中的圖片.預設為 images/lightbox-ico-loading.gif
imageBtnClose	圖片關閉的圖片.預設為 images/lightbox-btn-close.gif
imageBtnPrev	前一張圖片的按鈕圖片.預設為 images/lightbox-btn-prev.gif
imageBtnNext	後一張圖片的按鈕圖片.預設為 images/lightbox-btn-next.gif
containerBorderSize	內容框線的粗細.預設為10
containerResizeSpeed	大圖顯示的速度.預設為 400 單位毫秒
txtImage	圖像的文字顯示
txtOf	關閉的文字顯示
imageBlank	IE進入圖片的特殊效果進入圖片浮動圖片.預設為 images/lightbox-blank.gif
keyToClose	鍵盤輸入關閉.預設為 c
keyToPrev	鍵盤輸入上一張.預設為 p
keyToNext	鍵盤輸入下一張.預設為 n

作者網站：http://leandrovieira.com/projects/jquery/lightbox/
檔案大小：6.11 KB
檔案下載：http://leandrovieira.com/projects/jquery/lightbox/js/jquery.lightbox-0.5.pack.js
檔案備份：下載