實現多張圖片無縫循環滾動的核心原理：將連續圖片序列複製一份接在尾部，當第一組滾出視野時，第二組恰好銜接進入，再跳回第一幀或重設座標即可無限循環。

原理示意

圖 7-5：循環滾動原理圖（兩張圖片各複製一組）

無論用 ActionScript 控制或手工幀動畫，原理一致。幀控制時直接跳回第 1 幀；AS 控制時將第一組 X 座標重設至第二組尾部。

手工幀動畫製作步驟

1. 新建文件：舞台 300×160px，30fps。Ctrl+R 匯入圖片 photo2.jpg。
2. 選中圖片 F8 轉為「影片剪輯」元件。建立動作補間，從舞台進入滾動至滾出舞台區。


圖 7-6：第一組滾入滾出補間

3. 新增圖層，複製影片剪輯。在新圖層第 50 幀按 F7 插入空白關鍵幀，放入第二組影片剪輯。
4. 在圖層 1 最後一幀按 F6 插入關鍵幀，將影片剪輯 X 座標設為 0（回到初始位置），或直接複製第 1 幀過來。
5. 關鍵細節：兩組 Y 座標必須一致否則播放抖動；最後一幀第二組 X 座標須與第一組初始 X 一致，確保銜接無縫。
6. 調整完成發布預覽。


圖 7-7：發布連續滾動效果

延伸應用：走馬燈效果

圖 7-8：走馬燈多圖片循環

同理可擴展至多張圖片形成走馬燈、公告欄等效果，發揮想像力應用。