"Image Carousel" aka "Kitty Carousel" was a small JavaScript project done at my stint at SPICED Academy. While probably a thing to be avoided the project was still a nice learning opportunity.
https://videothrone.github.io/img-carousel/
HTML, CSS, JavaScript
-
Four cat images rotate through carousel with a
setTimeout
of five seconds -
Users can click on dots to jump ahead or back, after the click the rotation is picked up again
-
Learn usage of
clearTimeout
andsetTimeout
-
Build JS logic for carousel, add / remove classes / work with event handlers etc.