圖9?14
如果點(diǎn)擊“更多選項(xiàng)”按鈕,也可以啟動“交換圖像”的詳細(xì)設(shè)置對話框,如圖9?15。
圖9?15
在該窗口中,左上邊所列出來的是所有切片區(qū)塊的名稱,右邊是所有切片區(qū)塊所在位置的縮略圖。在這里我們可以從中任意選擇一個圖象的切片區(qū)塊用來與“小貓”按鈕切片進(jìn)行圖象交換。
幀編號??選擇交換圖像所在的幀數(shù),在這里我們選擇的是第2幀;
圖像文件??如果第2幀的圖形沒有事先導(dǎo)入工作區(qū)里,也可以通過這里另行引入圖象;
預(yù)先載入圖像??在瀏覽測試圖像的變換效果時可以預(yù)先載入圖像;
鼠標(biāo)移開時復(fù)原圖像??在網(wǎng)頁瀏覽時,當(dāng)鼠標(biāo)離開按鈕后,圖形會自動恢復(fù)原來的狀態(tài)。
設(shè)置完成后點(diǎn)擊“確定”按鈕即可回到工作區(qū)。此時,“小貓”按鈕的切片和它所要交換的圖形切片間多了一條曲線。它表明這兩個區(qū)域已建立了鏈接關(guān)系,如圖9?16。
圖9?16
用同樣的方法為“鸚鵡”和“鮮花”按鈕在“交換圖像”對話框中設(shè)置不同的交換圖像。三個按鈕切片設(shè)置完成后如圖9?17。
圖9?17
按F12鍵即可在瀏覽器上測試制作效果了,如圖9?18。
圖9?18
可以看到,點(diǎn)擊不同的按鈕圖像,就會在不同的位置上顯示相應(yīng)的變換圖形。因此,這種圖象的變換效果又被稱為“不相交變換”。
要修改設(shè)置內(nèi)容時,選擇切片后,點(diǎn)擊“行為”面板右下角的“編輯” 按鈕即可,如圖9?19。
圖9?19