4-3. 設計圖示指引直接展示指定影像的互動控制

(1) 在影像下方安排小圖示, 點選顯示指定的影像

 

分析:
HTML:

安排放置小圖示區域的標籤

CSS:

設定放置小圖示區域的樣式

JS:

先設計小圖示對應呈現出目前影像位置的樣式, 再設計小圖示點選後的執行工作