Building a carousel in Vanilla JS for the purpose of practicing Javascript.
Infinite carousel (single item)- Infinite carousel (mulitple items)
Sliding effect- Carousel indicator (nav)
- Responsive slider
- Support at least IE9.
- Try to cover as many use cases as possible. (Prob the hardest part..)
( will update goal in future :) )
- Initial setup
- Base markup of carousel (HTML)
- Base style for development (CSS)
- Base structure of carousel (JS)
- carousel is infinite
- Add sliding effects (only when previous button is clicked)
- After adding next slide to be active...
- Oops! Carousel is acting weird LoL #%^#&
- Add animation keyframes for the slide effects
- Fixed carousel!! And now it's an infinite single sliding carousel
- Disable previous and next buttons when slider animation is running
- Fix IE issue: carousel not working due to helper functions not accessible in IE browser (Currently only supporting till IE 10).