小變大 圖片巧切換

馬震安

當點擊不同的縮略小圖后就會進行相應大圖的切換，這樣的效果如何實現(xiàn)呢？可能你在PPT或Flash中能夠做出這樣的效果來，但筆者要說的是，無論在PPT還是在Flash中要實現(xiàn)這樣的效果還是有些麻煩的，不是來回來去的設置動作，就是不斷的編寫代碼，這太費事了。筆者經(jīng)過研究，發(fā)現(xiàn)Xcelsius 2008（水晶易表2008）不僅是制作交互式Flash動態(tài)圖表的好手，而且還能用它來進行圖片的相互切換。

接下來，筆者就用它制作一個小圖變大圖的縮略圖切換效果（如圖1）。

素材準備超簡單

對于素材的準備，除了要顯示的照片外，還需要準備一個Excel表格。這個表格的準備有兩種方法，第一種方法是運行Xcelsius 2008后在任意列錄入所要顯示的照片的絕對路徑，如d：＼tmp＼IMG_0001.JPG、d：＼tmp＼IMG_0003.JPG等，這些文件名是沒有規(guī)律的；第二種就是建立一個Excel表，在任意列錄入所要顯示的照片的絕對路徑，然后運行Xcelsius 2008，將這個表格導入到程序中。筆者在這里利用A列存放文件名，將B1單元格作為臨時存放數(shù)據(jù)的單元格。為了引起讀者的注意，筆者將它的填充色設置為黃色（如圖2）。

部件交互巧設置

素材準備完后，就該交互式部件登場了。選擇左邊部件庫中“選擇器”下的“滑動圖片菜單”部件，將其拖入到繪圖區(qū)合適位置，調(diào)整其大小。右擊選定這個部件，選擇“屬性”菜單，在右側它的“常規(guī)”屬性面板中，圖像處選擇“按URL”，值選擇Sheet1中的A1：A10（即Sheet1！$A$1：$A$10），也就是說縮略圖中的圖像文件是所選單元格中的值；在數(shù)據(jù)插入處，插入類型選擇“值”，源數(shù)據(jù)選擇Sheet1中的A1：A10（即Sheet1！$A$1：$A$10），目標選擇Sheet1中的B1（即Sheet1！$B$1），意思就是說當點擊部件中的任意縮略圖時，單元格A1：A10中對應單元格的值就會賦給B1單元格（如圖3）。

在“行為”屬性的“常用”面板中，選定條目處，條目設置為“縮略圖1”。在“外觀”屬性的“文本”面板中，顯示處去掉標簽，即不顯示標簽。當然，也可以使用外觀屬性中的其他設置來使部件更加漂亮。

縮略圖部件基本上就算設置完成了，接下來就是大圖的顯示設置了。在部件庫的“選擇器”中拖動“魚眼圖片菜單”到繪圖區(qū)合適位置。在它的“常規(guī)”屬性面板中，圖像處選擇“按URL”，值選擇Sheet1中的B1（即Sheet1！$B$1），也就是說部件的圖像文件是B1單元格的值；在“行為”屬性的“常用”面板中，縮放大小和縮放速度都調(diào)到最小；在“外觀”屬性的“布局”面板中，圖像處的大小調(diào)整方法選擇“拉伸”，寬度和高度都設置為200，當然這大小可以根據(jù)需要進行設置；在“文本”面板中，顯示處去掉標簽，即不顯示標簽。

這些都設置完成后，預覽一下，如果沒有問題，最主要的操作就算完成了。當然，為了美觀，可以拖入一個“飾圖和背景”類中的“背景”部件，調(diào)整其大小，利用對象瀏覽器面板將其置于最底層。最后，利用“文件/導出”菜單導出生成SWF格式的文件就可以了。