This is a simple carousel built with plain JavaScript, which can be your starting point to build your own carousel solution.
If you are new to JavaScript, consider going through this beginner's guide that explains nearly everything that goes into this project.
- Basic ARIA accessibility
- Autoplaying slides
- Pagination / Paged navigation
- Keyboard navigation
- General adaptation for differnt screen sizes
- Customizable styles
Simply clone this repo in your local development environment and open index.html
in your favorite web browser.
git clone https://github.com/c99rahul/js-carousel.git
The style.css
file is as important as the carousel.js
as it sets the stage for our carousel and its controls.
This project is licensed under the MIT license.
I'm working on another carousel solution called Sway Carousel which is based on this project but carries some advanced features like showing multiple slides at a time, fading effects, and more.