Image Carousel Demo Page
Below are 3 carousels. Each used in a different way.
Carousel 1
This carousel is loaded with 4 images, each with it’s own thumbnail. The aspect ratio has been set to 1:1 to be the same as the images used within the carousel.
A black background and border has been added. The border radius is only a few pixels.
Carousel 2
This carousel is loaded with 3 images, again, each with it’s own thumbnail. The aspect ratio has been set to 3:2 to be the same as the images used within the carousel.
A blue background (not at all a good design choice, simply to showcase the colour can be changed) and border has been added. The border radius is slightly larger in this case.
The autoplay will remain in sync with the above carousel until the user interacts with the carousel, which resets the autoplay timer.
Carousel 3
This carousel is loaded with 3 images. These are approximately the same height.
Autoplay has been turned off, and thumbnails have been removed.