1LD/One Little Designer
Carousel Complete is two stacks in one. First, you get a responsive slideshow with animated captions, second the ability to display photos – and videos – as a responsive carousel. Let’s look at the two setups in turn.
Start by dropping the Slide Container stack onto a Stacks page and then add as many Inner Element stacks as you require for the slideshow. For each slide you can choose from the following ‘themes’ – Content, Image or Video — depending on what the slides are going to contain. Each slideshow supports 37 different CSS animations for transitions (both slide in and slide out) as well as a subtle fade effect; in addition you can animate your captions using the same palette of transitions. (As always, please use transitions responsibly).
Selecting ‘Captions’ in the HUD opens a new empty stack area on top of the slide into which you can place other stacks. We had really good results with Doobox’ Header X and Elixir’s Flat Button stack to produce simple, elegant calls to action but you can populate the area with all manner of other stacks. You can control whether the slideshow autoplays, how long each slide stays visible, whether the arrows and pagination are displayed (it would be nice to have some control over the size of the dots – they’re a bit large for our liking) along padding and slideshow width. This is a fine responsive slideshow stack, easy to set up and with enough features to produce really professional results.
However, it’s only part of the story. You can also switch from Slider to Carousel mode and have your photos displayed as a series of thumbnails. Here, if you select Auto Height, Carousel Complete will find the best fit for your photos – alternatively, there are options to set the height of the carousel and the number of slides displayed for four different breakpoints if you need to fine tune things.
There’s plenty of flexibility here and as well as large, full width slideshows, you could also create compact version that sits in a small space – like the sidebar. Interestingly you can add different kinds of stacks in Carousel mode by just dropping them into the main Slide Container stack; at one point we had a couple of Doobox Text X stacks followed by a responsive image, and then a fourth slide with some Font Awesome icons. Like we said, it’s a very flexible stack.
Carousel Complete also works with Vimeo and YouTube videos, both as a slider and as a carousel. We had some difficulties adding videos in both modes – some wonky transitions and the carousel displaying two thumbnails instead of the designated three — but 1LD has already released a minor update to Carousel Complete and we’re confident these issues will be resolved soon. When they are, this will be an excellent, flexible way to display all kinds of different information – whether as a slideshow or carousel — though if we had one request it would be support for warehoused images to reduce project sizes. Nevertheless, Carousel Complete gets a general hearty thumbs up.