如何製作pixviewer.swf這個flash?

不少朋友注意到，ENet、新浪、搜狐等各大網站紛紛使用了一組圖片幻燈的Flash 特效（演示地址[url]http://www.lihot.cn/other/flash/[/url]，演示文件下載地址：[url]http://www.lihot.cn/other/flash.rar[/url]），它能夠將新聞圖片以幻燈片的方式循環放映出來，還帶有非常漂亮的切換效果，點擊圖片就能進入相應的頁面，這樣不僅節約了寶貴的網頁版面，還能使頁面充滿動感。這種效果是怎麼實現的呢？下面我就來介紹給大家。

　　網頁圖片幻燈特效分析：

　　不少朋友想發揚"拿來主義"的作風，把特效代碼直接用到自己的網頁上，但是在查看源文件時卻發現這組特效是用Flash來實現的，於是就放棄了。如果仔細分析一下源文件，就不難發現Flash僅僅是一個特效"外殼"，具有實際意義的圖片、鏈接和文字說明其實都是載入的外部變量。在拿到這個Flash文件之後，想實現網頁圖片幻燈特效，要做的僅僅是修改這些變量。

　　圖片幻燈特效的製作：

　　第一步：下載演示文件並解壓，可以看到index.htm、pixviewer.swf、pixviewer.fla三個文件和幾幅演示圖片。其中要修改的就是網頁文件index.htm，pixviewer.swf是實現特效的Flash文件，pixviewer.fla爲Flash的源文件，感興趣的朋友可以研究一下。

　　第二步：用Dreamweaver或記事本打開網頁文件，可以看到內嵌的Java腳本中定義瞭如下變量：

var focus_width=250 // 圖片寬度
var focus_height=190 // 圖片高度
var text_height=23 // 文字部分的高度
var swf_height = focus_height+text_height // 總高度

var pics='1.jpg　2.jpg　3.jpg'
var links='1.jpg　2.jpg　3.jpg'
var texts='星海灣夜景　海上日出　貝殼博物館'

　　"pic"變量中指定了欲載入的圖片，這裏使用了相對路徑，如果用絕對路徑,那就一定要改成"http://www.lihot.cn/other/flash/1.jpg"的形式，各圖片路徑用"　"隔開，但是圖片的數量最多不能超過六個；"links"和"texts"則分別定義了圖片的鏈接地址和圖片的名稱，修改的方法與"pic"變量相同，不再贅述。

　　第三步：接下來設定文字部分的背景顏色。在第二個"document.write(' ')"中找到，修改"value"的值就行了。

　　現在，在瀏覽器中打開index.htm，就能看到精美的Flash圖片幻燈特效了，在這裏圖片不僅能夠循環播放，瀏覽者而且還能點擊編號，直接跳轉到相應的圖片，非常方便！