效果展示

舞台中央顯示大圖預覽區，下方排列 6 張縮圖按鈕。滑鼠懸停/點擊縮圖，大圖區即時切換對應圖片，體驗流暢直觀。

製作步驟

1. 文件設定：AS2 文件，300×360 px，12 fps。
2. 大圖預覽區 (viewer)：
   - 矩形工具畫 300×300 px 白框矩形。
   - 選中 → F8 轉為 **MovieClip**，名稱任意，**實例名設為 viewer** (關鍵！)。
   - 雙擊進入編輯：第 1 幀放提示文字「please select an image」。
   - 第 2~6 幀各插入關鍵幀 (F6)，分別放入 5 張大圖 (每幀一張)。
   - 第 1 幀動作面板：stop(); 防止自動播放。
3. 縮圖按鈕：
   - 將 6 張圖片從庫拖出，自由變形縮放為 60×60 px，排列在 viewer 下方。
   - 全選 6 張 → F8 轉為 **Button** 元件。
   - 逐個編輯按鈕實例，動作面板加入：

// 懸停切換 (可選)
on(rollOver){
    _root.viewer.gotoAndStop(對應幀號); // 1=提示, 2=第1張, 3=第2張...
}
on(rollOut){
    _root.viewer.gotoAndStop(1); // 移開回提示
}

// 點擊鎖定 (主要模式)
on(release){
    _root.viewer.gotoAndStop(對應幀號);
}

對應幀號 = 縮圖順序 + 1 (因第 1 幀為提示)。

核心邏輯

• 共享顯示容器：viewer MC 內部時間軸承載所有大圖，外部按鈕僅控制 gotoAndStop(n)，零重複內容。
• 雙模式互動：rollOver 預覽、release 鎖定，符合直覺操作習慣。
• 實例名綁定：_root.viewer 絕對路徑引用，簡單直接 (AS2 特有)。

進階強化

1. 淡入淡出切換：在 viewer 內部幀間加入 Alpha 補間，或用 AS 控制 _alpha 漸變。
2. 載入外部圖片：MovieClipLoader / Loader (AS3) 動態載入，不打包進 SWF，支援無限擴充相簿。
3. 鍵盤導航：左/右鍵切換上/下一張，Key.addListener 實現。
4. 縮圖捲動：超過 6 張時，將按鈕放入 ScrollPane 或自製捲動面板。
5. AS3 重寫：事件監聽器模式、Loader 載入、Tween 切換動畫、XML/JSON 數據驅動。