如何使用純JavaScript和CSS製作輪播？

Question

我一直在設計一個網頁，我需要一個滑塊，如this。我會怎麼做呢？這是一個美麗的過渡，但我不確定我將如何去實現JavaScript和CSS。有人能指出我的方向嗎？

Here's a screenshot其中在滑塊中有三個圖像。

Answer 1

所謂的「滑塊」的名稱是旋轉木馬。

如果您是網絡開發新手。我會建議你使用引導，

http://getbootstrap.com/

您可以使用內建JavaScript組件很容易實現旋轉木馬。

http://getbootstrap.com/javascript/#carousel

如果你不想引入任何依賴於你的舊項目，請在GitHub上這個PureJSCarousel項目，

https://github.com/vadymshymko/PureJSCarousel

演示是在這裏，

https://vadymshymko.github.io/portfolio/purejscarousel/