網頁技術筆記《FlashSlideShow》利用Flash+XML控制圖片切換

雖然丫湯不斷的在研究Wordpress佈景，一直很想做一個CMS樣式的佈景，不過輪播圖片的部份一直找不到很滿意的程式來製作，最近無意間看到一個Flash+XML製作起來的輪播系統，看起來效果十足，也不會佔用太多資源，不過目前還不是很適合用在結合文章上，只適用輪播圖片，先在這裡做個筆記，之後再來研究看看是否適合做成WP外掛，有興趣的也可以拿去研究看看哦。

Flash SlideShow介紹：

元件官方網站：http://www.progressivered.com/cu3er/
Demo檔案下載：https://steachs.com/d/files/flashslide.zip
Demo頁面：https://steachs.com/wp-content/uploads/flashslide

Flash SlideShow使用方式：

下載檔案解壓縮後一共有二個資料夾images及swfobject，檔案有config.xml、cu3er.swf、index.html共三個。

首先將我們要輪播的圖片放置在images資料夾裡，記得圖片大小必需一致。

然後開啟config.xml這個檔案來設定輪播的圖片，找到第34行開始，依照相同的格式來填寫圖片檔案，相信聰明的你應該會舉一反三，看的出來該如何修改。

然後在每一個圖片下面都有<transition num=….這一行語法，這一段是用來控制圖片要切換時的特效，像是切片的切換，在前面有一個num是要設定切成幾片，direction是轉動的方向等等，請自行翻譯為中文就知道每一項切換效果了。

接下來打開index.html找到以下語法，其中紅字的二個數據是指圖片的寬和高，記得設置為和圖片一致，顯示出來才會好看哦。

swfobject.embedSWF("cu3er.swf", "FlashSlideShow", "500", "500", "9", "expressInstall.swf", flashvars, attributes);

以上就是一些基本用法的解說，有興趣的可以用看看，目前丫湯已經有嘗試結合在wp的佈景裡，沒有什麼大問題，等待丫湯解決文章結合的部份，再來寫一篇筆記囉。