小變大 圖片巧切換

馬震安

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

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

素材準(zhǔn)備超簡(jiǎn)單

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

部件交互巧設(shè)置

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

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

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

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