在 WordPress 上放幻燈片

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

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

Please enable Javascript and Flash to view this Flash video.

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

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

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

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

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

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

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