danielhuang030 的研究日誌

一般網頁上圖片的展示，很難讓人不聯想到 Lightbox；這個 Prototype 的燈箱特效。無奈現在公司使用的 jQuery 與 Lightbox 犯沖～沒辦法讓基於 Prototype 寫成的這個外掛直接引用。雖然如此，這麼經典的覽圖介面 jQuery 怎麼會放過呢？所以，jQuery lightBox plugin 就因此誕生了！

基本上官方網站已經講的非常清楚了，使用方法也跟 Lightbox 非常類似；不過更方便，也更有彈性。只要在需引用的網頁中載入：

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script>
<link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" />

之後，寫一隻小小的 JavaScript 於頁面中：

<script type="text/javascript">
$(function() {
    $('a[@rel*=lightbox]').lightBox();
});
</script>

就可以完全相容 Lightbox 的使用環境，無痛移植。此外，jQuery lightBox plugin 提供很多可以自訂的參數，自由度提高許多！