4-5. 設計整列滑動與旋轉木馬並存的影像轉場動畫

(1) 設計整列滑動與旋轉木馬並存的影像轉場動畫

 

分析：

HTML：

HTML標籤結構與前面相同沒有改變
CSS：

調整放置影像的<ul>及<li>標籤的定位模式及樣式

JS：

設計點選下方小圖示時會整列滑動影像
自動輪播及點選上下頁按鈕時以旋轉木馬模式滑動影像