首頁 > JavaScript, WordPress > WordPress安裝可撥放SWF的燈箱LightBox外掛

WordPress安裝可撥放SWF的燈箱LightBox外掛

2009年2月13日  瀏覽次數 : 4,766

架設好 BLOG 之後一直覺得每次點擊圖片要觀看大圖都會被切換到另外一個網頁,總覺得這樣不是很人性,因為之前有用過 Prototype 的 LightBox 燈箱特效,不過標準版是不支援 SWF 以及內嵌網頁的功能,因此就上了 Google 大神尋找我想要的東西。

image

 

Google : WP WordPress lightbox SWF 外掛  << ENTER >>

很抱歉,雖然有出現些資料,但是卻無法正確找到可以顯示 SWF 的燈箱效果,因此又在茫茫大海以及其他人的 BLOG 晃,最後在 奶綠茶 的部落格看到一個燈箱特效,看過原始碼之後才發現是 ShadowBox 效果,到了 官方網站 看了一下不但我想要支援的檔案格式都有而且可以自訂外觀,但是最吸引我的是它可以自訂 JavaScript 引擎,這樣一來就可以避免與其他 AJAX 的外掛或是自己用到的 JS 衝突。

WordPress 安裝方式只要到後台管理介面的外掛安裝,搜尋 ShadowBox 就可以找到 ShadowBox js 這隻外掛,安裝後啟用,這樣你網站的所有圖片連結就自動啟用了,相當的省時方便。

在經過的茫茫搜尋後,三更半夜的被蚊子吵醒,到處踩網站發現在 [米奇的藏寶箱] 中就有提到一篇文章 [JS]-米奇一次給你48個LightBox效果 提到了 http://planetozh.com/projects/lightbox-clones/ 這個網站已經整理出 48 個 LightBox 燈箱特效,不館是他支援甚麼檔案類型,或是用甚麼 JavaScript framework 寫的都列出了,可以省去你很多時間呢 ! 很可惜米奇的關鍵字剛好都沒有我設定的,因此在我找到 ShadowBox 之前也沒看到這篇文章,希望下次有哪個傢伙跟我用一樣的關鍵字會看到我的文章囉 !

image

稍微看了一下比較符合我的需求的幾個特效名稱 :

  • Floatbox
  • Highslide
  • Lightview
  • LightWindow
  • mediaboxAdvanced
  • Mulitbox
  • Shadow box

不過因為 Shadow box 可以選 JS 引擎又有中文介面,所以暫時還是不打算更換啦 !

Random Posts

Loading…

:: 把這篇好文推到書籤網站與更多人分享吧 ::
  • funp
  • Hemidemi
  • YahooKimo
  • Google
  • udn
  • Haohao
  • Live

目前並無相關文章

Ausir JavaScript, WordPress , , , , ,

  1. 2009年2月13日14:54 | #1

    我踩(應觀眾要求,來敷衍的踩一下。人家正在上班捏 >.<)!!!

  2. 2009年2月13日14:55 | #2

    上班踩一下沒關係啦

    你要刪除線幹嘛勒?

  3. joy
    2009年2月13日15:09 | #3

    =”=好專業的網誌~~
    一整個看 不懂~~
    那就~~來踩一下好了~~
    我來了 羊老大~安安唷~~^^

  4. 2009年2月13日15:10 | #4

    呵呵~

    有機會可以再來逛逛喔

  5. tea
    2009年4月8日13:10 | #5

    請問一下這個外掛的使用步驟.我是先到網站下載.然後在前面加入語法.然後圖片也打了rel.但是效果都沒有出來…可以請教一下還有漏掉什麼呢…謝謝

  6. 2009年4月8日13:51 | #6

    你只要先到安裝外掛介面搜尋 shadowbox

    安裝好預設所有圖片就會開啟 shadowbox 功能喔
    不用打 rel 就會有了

  7. Eric Chang
    2009年4月27日13:30 | #7

    安裝好shadowbox之後,其他地方都不必作更改嗎?
    那原來用的 lightbox plugin 要取消嗎?
    因為我測試的結果是沒效果說 0rz

  8. 2009年4月27日13:45 | #8

    @Eric Chang

    應該不可以與 lightbox 共用
    其它燈箱特效先關閉吧

    正常來說裝上去應該就會套用到所有圖片了

  9. cloudfly
    2009年6月21日17:23 | #9

    可以更改showbox燈箱特效顯示出的flash大小嗎

    我發覺顯示出來的flash還真是小

    沒辦法像你blog顯示出來比較大

  10. 2009年6月21日19:12 | #10

    @cloudfly

    你要下大小指定
    才會把他撐開喔~

  11. 2009年11月22日09:37 | #11

    Shadow box的確是個不錯用的燈箱,最近用很我剛學的PHP將他做成可在文章中插入YouTube、Yahoo!、Google、I`m vlog 等視訊影片功能,雖然官方有不少類似外掛,但都沒有符合我的需求,因此只好自己寫,順便分享出來,外掛已經內含Shadow box3.0b了,所以不需在安裝其他燈箱外掛,有裝的話需先停用,以免衝突。

    可使用連結、縮圖與影片遷入功能,使用縮圖可指定對齊方式,可在文章中直接使用overlibmws(工具提示)與shadowboxI燈箱)語法…

    安裝方式和其他外掛相同

    將解壓縮的檔案上傳到你的外掛資料夾(如:www/wp-content/plugins/)裡面,到管理後台中,在外掛選項會看到你目前的外掛清單中會有 wp_insvideo 清單,點擊「啟用」即可,不需任何設定。

    演示及使用說明與下載

  12. 2009年11月24日09:32 | #12

    @andy

    看起來也好酷喔~

    我的 SHADOWBOX 也應該要換了~~

  13. 2011年5月15日04:52 | #13

    請問要怎麼使用?

  1. 本篇文章目前尚無任何 trackbacks 和 pingbacks。