Facebox是什麼的?

Facebox是基於jQuery 的外掛，Facebook-style lightbox，可以顯示影象，div，或整個遠端頁面。它使用簡單，效果好看，檢視示例，然後開始這種效果吧。

如何使用

步驟1：

裝載javascript，jQuery是確保之前載入Facebox。

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

步驟2：

jQuery(document).ready(function($) {
   $('a[rel*=facebox]').facebox()
})

步驟3：

可以裝載3種：分別是 圖片 div 與遠端html

注意a標記需要 rel="facebox"

Images

The Code

<a href="stairs.jpg" rel="facebox">text</a>

Divs

The Code

Ajaxes

The Code