在 WordPress 上放幻燈片

在 WordPress 上放幻燈片

Blog,其實並不是個適合展示大量圖片的地方,一來閱讀者容易疲勞,一頁往下好像永遠拉不完似的,二來文章的走法也容易被打亂。比如一段文字要佐以三張、甚至更多張圖片來敘述時,便很容易造成版面的紊亂,這時候用幻燈片的方式來顯示圖片,就能達到節省頁面空間、又能保持閱讀動向的效果。

就拿PCADV所使用的Blog系統Wordpress來舉例好了。其實Wordpress本來就有提供分頁的功能,只要加入<!—nextpage–>標記即可,要不然也有更進階的「WP-pagenavi」外掛可以用,但是要翻一張圖片就得換一次頁,實在麻煩,這時候靠Flash來做幻燈片便會方便許多。

Please enable Javascript and Flash to view this Flash video.

用Flash寫的相簿播放程式很多,網路上隨便找都有,筆者上面放的那個範例是對岸寫的圖片瀏覽器。使用方法很簡單,這裡就不多做贅述,然而重點不是在有沒有圖片瀏覽器,而是「該如何把圖片瀏覽器」放進Wordpress裡面。

在 WordPress 上放幻燈片

Wordpress本身是不支援顯示Flash內容的,需要靠plugin來達成,而最多人使用、現成的plugin,即是「Kimili Flash Embed」。它的用法很簡單,基本上plugin安裝完成後,在SWF網址的前後加上指定標記即可,如此一來Flash內容便能正確無誤的顯示在Wordpress頁面上。

這個方法你一定也用過,尤其是在需要外嵌Flash影片時,分外好用。然而如果你架好了一個Flash相簿,直接把相簿的網址(也就是SWF檔的位址)以上述方式貼到Wordpress文章裡,一定會發現「咦~為何我相簿的圖片跑不出來」等等的怪異冏況。

在 WordPress 上放幻燈片

原因在於,大部份的Flash相簿,都是採用讀取外部檔案的方式來載入圖片,也就是利用一個相簿主引擎讀取XML檔來載入外部圖片,這樣子一個SWF檔就可以用好幾次,發表不同相簿時則只需更改XML檔案內容即可。如此一來便可避免得把所有圖片包在一個SWF檔案裡的麻煩,不但節省空間,也節省了重新編輯並編譯、佈署SWF檔的時間。

那麼,為什麼相簿放到Wordpress裡會無法運作呢?問題就出在於,SWF檔無法存取外部的資源,如XML檔、圖片檔等,自然就無法順利 播放。解決的方式十分簡單,只要在SWF檔的敘述下面,再加入一行「base=”XML檔與圖片檔存放路徑”」即可,如下圖所示。

在 WordPress 上放幻燈片

為什麼呢?原因很簡單,因為你在使用前都沒有仔細觀看官方使用說明。要把Flash內容插入Wordpress文件裡,背後其實有個小工程得做,方法有很多種,其原理日後有機會再另發文章說明。而Kimili的運作方式主要是基於SWFobject這個方法,產生HTML及Javascript語法來將Flash內容插入頁面當中,而「Base」這個標籤,就是「用來指定跟你的SWF檔有任何關連性的檔案所存放的目錄」。

指定之後,SWF檔才能存取外部的檔案。需要特別注意的是,Base標記只須指定存放SWF檔的最上層目錄即可,比如指定「/blog/slide」後,「/blog/slide」底下的所有子目錄(如/blog/slide/photo、/blog/slide/xml)皆可繼承生效,無須再額外指定。

Beta狂人
作者

使用 Facebook 留言
發表回應
謹慎發言,尊重彼此。按此展開留言規則