WordPress瀏覽圖片的FancyBox外掛

FancyBox for WordPress是以Lightbox特效顯示圖片的一個外掛，這個外掛是由一個24歲的網頁設計師José Pardilla將jQuery擴充整合到WordPress裡的，原先的jQuery擴充是由Janis Skarnelis所撰寫。請先點擊下列圖片以檢視其FancyBox特效（圖片直接連結到http://blog.moskis.net/downloads/plugins/fancybox-for-wordpress/）：

Images Demo

請點擊下列三個圖片，圖片彈現後可以按右上角的X關閉，游標移到右側中間會出現向下按鈕，左側中間則會有向上按鈕，或者按左右鍵也可移動顯示的圖片。圖片呈現的方法等設定都能在外掛的設定網頁裡調整。

 
  <a class="fancybox" href="大圖片網址">
    <img alt="圖片描述" src="縮圖網址" />
  </a>

iframe內嵌功能

範例：點擊以iFrame開啟新視窗

 
  <a class="fancybox iframe" href="瀏覽網址">以iFrame開啟新視窗</a>

顯示影片視窗

範例：顯示YouTube影片視窗《台灣的心跳聲》

 
  <a class="fancybox" href="#物件代碼">顯示文字開啟影片視窗</a>
  <object id="物件代碼" ...>
    <param ...>
  </object>

FancyBox外掛安裝

安裝方式很簡單，搜尋外掛「FancyBox for WordPress 2.7.2」，再安裝、啟用，再到設定網頁做設定就完成了。日後圖片連結記得加上 class="fancybox" 就自動有這個超炫、便利的特效了。

• 外掛作者網站：http://josepardilla.com
• FancyBox原作者網站：http://fancybox.net
• 外掛網站：http://wordpress.org/extend/plugins/fancybox-for-wordpress/

2010/07/11補充

在我的Windows 7.0 IE 8.0測試，會發生jQuery錯誤，Firefox 3.6、Google Chrome 5.0則正常。

##

您可能也會有興趣的類似文章

• 自動產生文章目錄的WordPress外掛：jQuery Table of Contents (2則留言, 2010/06/13)
• WordPress跑馬燈外掛：Running Line (1則留言, 2010/06/10)
• 我的血淚力作之《站長親授！WordPress 3.0部落格架站十堂課》 (3則留言, 2010/11/06)
• [WordPress外掛] 顯示外部連結小圖示以方便辨識 (2則留言, 2008/12/28)
• [WordPress] 用wp-visitors外掛記錄訪客資訊 (6則留言, 2008/12/25)
• 防堵垃圾留言的外掛：WordPress Zero Spam與自行安排外掛載入順序的外掛：Plugin Organizer (0則留言, 2014/10/15)
• Step by Step安裝WordPress 3.0與啟用 Multi-Site多站點功能 (20則留言, 2010/07/10)
• 測試Exec-PHP外掛：開啟插頁於新頁籤 (0則留言, 2009/11/24)
• 行動版的WordPress主題樣式：MobilePress外掛 (0則留言, 2009/03/13)
• [WordPress] 在插頁寫PHP的外掛：EXEC-PHP，讓行動版網頁顯示訪客統計 (0則留言, 2009/11/22)
• 用WordPress的WPtouch外掛顯示iPhone與HTC Touch HD的精簡樣式[修訂] (0則留言, 2009/02/02)
• 手動撰寫WordPress隨機文章功能 (2則留言, 2010/07/13)
• WP Widget Cache造成WordPress有問題 (2則留言, 2009/10/26)
• WordPress簡單又美觀的網站訂閱與文章書籤外掛：Add To Any (1則留言, 2008/12/28)
• 讓WordPress網站使用Google+留言框的步驟 (0則留言, 2013/04/24)