Image Carousel

What’s this?

This allows a loop of more than one image in a horizontal banner. Great for logos or any collection of images. It’s responsive and you can swipe it on touch screens. Check out some examples below.

Responsive

Get code

[image_carousel items="3" responsive="0:1,600:2,850:3"]
[image src="..." height="50"]
[/image_carousel]

Automatic scrolling + infinity loop

Get code

[image_carousel items="3" autoplay="1" loop="1"]
[image src="..." height="50"]
[/image_carousel]

Slower automatic scrolling + infinity loop

Get code

[image_carousel items="3" autoplay="1" autoplay_timeout="5000" loop="1"]
[image src="..." height="50"]
[/image_carousel]

Dots navigation

Get code

[image_carousel items="2" dots="1"]
[image src="..." height="50"]
[/image_carousel]

Image frames

Get code

[image_carousel items="2" responsive="0:1,600:2,850:4"]
[image src="..." frame="style2" height="190"]
[/image_carousel]
X

Variations

Change the Skin for this Case Study

Case Studies

Design demos for React