輪播圖的做法如下：
首先就是要構架好整個輪播的盒子，以及它所需要的內容（是為了輪播切換圖片的時候不會出現空白）。
然後就是設置輪播盒子的大小以及裏面按鈕的樣式。先做壹個頁面的css初始化再開始設置樣式設置輪播盒子大小和輪播圖片大小（將瀏覽器縮小到50%看到的效果）。
設置定位將圖片固定在輪播盒子裏，再設置輪播最初顯示的第壹張圖片出現在輪播盒子裏（要設置行內樣式才能獲取得到），設置輪播切換圖片的四個按鈕。
思路：
輪播圖是指在壹個模塊或者窗口，通過鼠標點擊或手指滑動後，可以看到多張圖片。這些圖片統稱為輪播圖，這個模塊叫做輪播模塊。輪播圖常見於電商類、資訊類應用、功能首頁、功能模塊主頁面，還有網易雲音樂App的發現模塊主頁。
主要通過壹個展示盒子，壹個圖片儲存盒子，展示盒子的大小即為輪播圖想要展示圖片的大小，或者說壹個圖片的大小。但儲存盒子的寬度必須大壹些，足夠所有的圖片左浮橫向排列。後將儲存盒子的溢出部分隱藏，再調用動畫特效animation。