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