rlightbox 輕量級的 Lightbox 基於 jQuery 和 jQuery UI

rlightbox 是一個簡單且輕量級的一個 Lightbox 套件基於 jQuery 和 jQuery UI 實現。擁有一些和現在常見的 Lightbox 套件不同的特性，rlightbox 能夠展現出任何的 HTML 內容包括：圖片、影片、Flash檔案和 HTML的內容。rlightbox 有一個更為獨特的全景功能，能夠用於顯示圖片部分，一開始只顯示圖片一某一部分，但是允許使用者平移查看圖片中的其他部分的內容。

使用方法：
第一步 載入 rightbox 需要使用到的 JavaScript 和 CSS 程式碼檔
<!-- 使用 Google AJAX API 取得 jQuery 框架 1.8.2 min 版本 -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<!-- 載入 jQuery UI 的部分內容-->
<script type="text/javascript" src="path/widget/lib/jquery.ui.core.min.js"></script>
<script type="text/javascript" src="path/widget/lib/jquery.ui.widget.min.js"></script>
<script type="text/javascript" src="path/widget/lib/jquery.ui.rlightbox.min.js"></script>
<!-- rightbox 的 CSS 設計檔案-->
<link type="text/css" rel="stylesheet" href="path/widget/css/ui-lightness/jquery-ui-1.8.16.custom.css" />
<link type="text/css" rel="stylesheet" href="path/widget/css/lightbox.min.css" />

第二步 寫入要用到 rightbox 顯示的圖片連結注意粗體部分
<a href="flowers/tulip.jpg" title="a tulip" class="lb_flowers">a tulip</a>
<a href="flowers/rose.jpg" title="a rose" class="lb_flowers">a rose</a>
<a href="flowers/daisy.jpg"title="a daisy" class="lb_flowers">a daisy</a>

第三步 使用 JavaScript 讓 rightbox 程式起作用
$(function() {
     $( ".lb_flowers" ).rlightbox();
});

附上 rightbox 的可修改參數表

參數	型態	預設	說明
againButtonLabel	字串	"Try again"	標籤上錯誤顯示的文字
animationSpeed	字串	"fast"	出現的動畫時間可設定為 fast,slow,normal 或數字單位為毫秒
counterDelimiter	字串	" / "	總數和現在的數量中間分隔符號
errorMessage	字串	"Oh dear! Something went wrong! If the problem still appears let the page’s admin know. Would you like to try again or reject the content?"	當讀取錯誤的訊息
keys	物件	{next: [78, 39], previous: [80, 37], close: [67, 27], panorama: [90, null]}	鍵盤的使用代碼
loop	布林	false	是否以迴圈撥放方式
overwriteTitle	布林	false	讀取影片時是否覆蓋掉原本的抬頭
rejectButtonLabel	字串	"Reject this content"	標籤錯誤顯示的文字
setPrefix	字串	"lb"	前綴字設定
showMap	布林	true	是否顯示小地圖在全景模式
videoHeight	整數	385	影片的高度設置
videoWidth	整數	640	影片的寬度設置

作者網站：http://ryrych.github.com/rlightbox2/
檔案大小：177 KB 
檔案下載：https://github.com/ryrych/rlightbox2/zipball/1.1.1
檔案備份：下載