首先準備好三張廣告圖像，見(jiàn)圖82。

（圖82）

第一步：在【部件】面板中拖放一個(gè)圖像部件到設計區域，雙擊該部件導入廣告圖 1，并將其尺寸設置為400×300像素，然后右鍵單擊該圖像部件，在彈出的關(guān)聯(lián)菜單中選擇【轉換為動(dòng)態(tài)面板】，見(jiàn)圖83。

（圖83）

第二步：在右側的部件【屬性】面板中，給動(dòng)態(tài)面板部件命名為【輪播廣告】，在學(xué)習過(guò)程中要養成給部件命名的好習慣。然后雙擊動(dòng)態(tài)面板，在彈出的【動(dòng)態(tài)面板狀態(tài)管理】對話(huà)框中，單擊【State1】，然后單擊【快速復制】圖標，快速復制兩份動(dòng)態(tài)面板狀態(tài)【Stete2】和【State3】（注意：使用快速復制功能會(huì )同時(shí)復制【State1】中的內容，也就是那張廣告圖1），見(jiàn)圖84，單擊【確定】按鈕關(guān)閉【動(dòng)態(tài)面板狀態(tài)管理】。

第三步：在右側的【Outline】概要面板中，可以看到輪播廣告這個(gè)動(dòng)態(tài)面板中的三個(gè)不同的狀態(tài)以及其中的內容，見(jiàn)圖85?，F在三個(gè)狀態(tài)中的內容都是一樣的，分別雙擊【State2】然后再次雙擊【State2】中的圖像替換成廣告圖2，同樣的方法替換廣告圖3，替換后見(jiàn)圖86。

（圖84）

（圖85）

（圖86）

第四步：通常網(wǎng)站建設小編認為我們見(jiàn)到的圖像輪播廣告都是在打開(kāi)頁(yè)面后等待幾秒鐘開(kāi)始輪播的，所以這里我們使用【頁(yè)面載入時(shí)】事件來(lái)實(shí)現（你也可以使用動(dòng)態(tài)面板部件的【載入時(shí)】事件來(lái)實(shí)現。隨著(zhù)學(xué)習的深入你會(huì )發(fā)現，很多效果的實(shí)現方法都不止一種）?，F在回到Index頁(yè)面并單擊頁(yè)面空白處，在右側的【頁(yè)面屬性】面板中雙擊【頁(yè)面載入時(shí)】事件，見(jiàn)圖87，然后在彈出的【用例編輯器】窗口頂部給用例命名為【圖像輪播】，在左側的動(dòng)作列表中新增【設置面板狀態(tài)】動(dòng)作，在右側的配置面板中勾選【輪播廣告】動(dòng)態(tài)面板，并設置【選擇狀態(tài)】為【下一個(gè)】。勾選【向前循環(huán)】，勾選【循環(huán)間隔】并設置間隔時(shí)間為【3000】毫秒，勾選【第一個(gè)狀態(tài)延遲 3000毫秒】（這個(gè)選項的意思是，當頁(yè)面打開(kāi)時(shí)等待3秒鐘之后再開(kāi)始輪播）。設置【進(jìn)入/退出動(dòng)畫(huà)】為【淡入淡出】效果，動(dòng)畫(huà)時(shí)間為【500】毫秒，見(jiàn)圖88，單擊【確定】按鈕關(guān)閉【用例編輯器】。

第五步：在頂部的工具欄中單擊【預覽】按鈕，或者按下快捷鍵F5/Shift+Command+P，快速預覽交互效果。

（圖87）

（圖88）