使用Shadowbox做圖片的特效

像本站的一些圖片，以及實驗室網頁的圖片，
我有做了一個很炫的特效：
點下圖片的時候，圖片會放大，並且背景變黑的特效來看圖片。

這是利用到Shadowbox的免費網頁元件製作出來的特效。

作法其實很簡單：

1. 下載Shadowbox最新版本，目前是3.0b版：Shadowbox官方網站
2. 將下列語法加入到header裡面

< link rel="stylesheet" type="text/css" href="shadowbox.css">

3. 之後，每次要放上圖片的時候，將連結多加入一個rel="shadowbox"，像下面這樣
4. 完成，效果如下：
   
   

詳細還有支援很多options可以設定，包含類似藝廊的功能，可以到官方網站查詢。 Shadowbox下載：shadowbox-build-3.0b