很多人開始進入WordPress的行列,自己的網站建好了,怎麼才能搗鼓的更漂亮一些向別人炫耀呢?首當其衝,相信很多同學會考慮圖片展示的問題,當使用者點擊圖片時,究竟用什麼形式展示精美的圖片呢?有些人選擇在新開頁面展示,有些人選擇縮小圖片,然而很多人選擇popup展示,展示方式華麗且滿足了自己的虛榮心。

可以實現此類功能的有Highslide JS, Lightbox 2 和 FancyBox 幾類,在這裡我以FancyBox為例進行介紹。

FancyBox是一款優秀的jQuery 外掛,它能夠展示豐富的彈出層效果。你可以參照作者網站(http://fancybox.net/)中的介紹將FancyBox外掛集成到自己的主題中。如果覺得自己集成困難重重,你也可以尋找基於FancyBox的外掛。

FancyBox for WordPress  

到WordPress後台>>外掛>>新增外掛>>搜尋>>打上 –

FancyBox for WordPress,就可以找到並安裝它。

FancyBox for WordPress外掛秀圖特效是從原本圖案的位置直接縮放出來,然後關閉或圖片外的區域會縮回去原本圖案的位置,且不影響頁面的滾動。對於一個圖片上有多個選項,且下文有文字介紹的情況,可以先將圖片放大出來,然後滾動頁面,使圖片和文字結合,再也不容來回滾動頁面了。

這個外掛安裝簡單,你只需要啟動外掛後,馬上就有效果出現了。如果沒有效果,則可能是以下幾種情況

    頁面中僅僅是插入了圖片,而圖片沒有連結到視窗。此時你需要將圖片設置從視窗打開的連結即可。
    外掛直接調用jQuery而並非使用wp_enqueue_scrip函數。如果此類外掛正在使用中,則請停用外掛,然後再試試。
    可以試著在後臺的Troubleshooting設定中把Do not call jQuery勾選、或是jQuery “noConflict” Mode取消看看能不能正常。
    如果還有問題,請給作者發郵件吧……

外掛後臺的設置也是非常的豐富,這裡不做過多的介紹,建議勾選Animation裡的Easing選項,這樣在開啟關閉時的動態效果更棒~~~

相关文章