This shortcode allows you to create beautiful carousels.

Photos by Matt Palmer

[su_carousel source="media: 1650,1648,1649" link="image" target="blank" responsive="yes" title="no" arrows="yes" pages="no" mousewheel="no"]
Option name Possible values Default value
source
Choose images source. You can use images from Media library or retrieve it from posts (thumbnails) posted under specified blog category. You can also pick any custom taxonomy
media: 1,2,3 (Media file IDs)
posts: 1,2,3 (Post IDs)
posts: recent (Recent posts)
category: 1,2,3 (Category IDs)
taxonomy: book/3,5 (Taxonomy term slug / term IDs)
none
limit
Maximum number of image source posts (for recent posts, category and custom taxonomy)
Number from -1 to 100 20
link
Select which links will be used for images in this gallery
none (None)
image (Full-size image)
lightbox (Lightbox)
custom (Slide link (added in media editor))
attachment (Attachment page)
post (Post permalink)
none
target
Open links in
self (Open in same tab)
blank (Open in new tab)
self
width
Carousel width (in pixels)
Number from 100 to 1600 600
height
Carousel height (in pixels)
Number from 20 to 1600 100
responsive
Ignore width and height parameters and make carousel responsive
yes or no yes
items
How much carousel items is visible
Number from 1 to 20 3
scroll
How much items are scrolled in one transition
Number from 1 to 20 1
title
Display titles for each item
yes or no yes
centered
Is carousel centered on the page
yes or no yes
arrows
Show left and right arrows
yes or no yes
pages
Show pagination
yes or no no
mousewheel
Allow to rotate carousel with mouse wheel
yes or no yes
autoplay
Choose interval between auto animations. Set to 0 to disable autoplay
Number from 0 to 100000 5000
speed
Specify animation speed
Number from 0 to 20000 600
class
Additional CSS class name(s) separated by space(s)
CSS class name(s) separated by space(s)

none