Carousels

First caption

Second Caption

Third Caption

❮ ❯

To add an image carousel, copy the HTML, CSS, and JS from the codepen below, replacing the image links and captions with your own.

To resize the carousel, add properties to the .carousel class

To change the number of slides, simply add or remove copies of the "carousel-container" div.

To change the speed of the auto-scroll, change the number 4000 at the bottom of the JS code to the number of milliseconds between scrolls.

To remove auto-scrolling entirely, remove the last 4 lines of JS code.