[su_carousel source="media: 1650,1648,1649" link="image" target="blank" responsive="yes" title="no" arrows="yes" pages="no" mousewheel="no"]

Table of contents

  1. Description
  2. Options
  3. Related articles

Description

This shortcode allows you to create beautiful carousels.

Options

Option namePossible valuesDefault 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)
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 10020
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 1600600
height
Carousel height (in pixels)
Number from 20 to 1600100
responsive
Ignore width and height parameters and make carousel responsive
yes or noyes
items
How much carousel items is visible
Number from 1 to 203
scroll
How much items are scrolled in one transition
Number from 1 to 201
title
Display titles for each item
yes or noyes
centered
Is carousel centered on the page
yes or noyes
arrows
Show left and right arrows
yes or noyes
pages
Show pagination
yes or nono
mousewheel
Allow to rotate carousel with mouse wheel
yes or noyes
autoplay
Choose interval between auto animations. Set to 0 to disable autoplay
Number from 0 to 1000005000
speed
Specify animation speed
Number from 0 to 20000600
class
Additional CSS class name(s) separated by space(s)
CSS class name(s) separated by space(s)– none –

Photos by Matt Palmer