Carousel

You can put any shortcode inside our carousel, and the best? It’s responsive! See some examples below.

Carousel with Text + Top Navigation + Timer + Mouse Wheel Scroll

Carousel with Team Member + Center Navigation + No Mouse Wheel Scroll

Carousel with Testimonial + Bottom Navigation

Get the Code

[xt_carousel style="normal" scroll="1" min="1" max="3" mousewheel="true" navigation="true" timer="true"]
[xt_item]
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras dui urna, tristique eu mattis eu, elementum ac tellus. Sed in magna sit amet tortor convallis lacinia.</p>
[/xt_item]
[/xt_carousel]
[xt_carousel style="center" scroll="1" min="1" max="3" mousewheel="false" navigation="true" timer="false"]
[xt_item width="33%"]
[xt_member_block img="http://xiaodemo.staging.wpengine.com/xtshortcodes/files/2013/02/Jalien_Resting.jpg" name="Ame Watson" occupation="CEO & Founder" twitter="#" facebook="#" skype="#" google="#" linkedin="#" mail="#" dribbble="#"]
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam imperdiet rutrum pharetra. Phasellus consectetur suscipit metus, sed facilisis elit fermentum nec.</p>
[/xt_member_block]
[/xt_item]
[/xt_carousel]
[xt_carousel style="bottom" min="1" max="2" autoplay="false"]
[xt_item width="50%"]
[xt_testimonial author="John Doe, XiaoThemes CEO"]
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque volutpat consectetur facilisis. Ut enim dui, convallis vitae vehicula sed, mollis non dolor. Integer feugiat nisl et lorem tincidunt id gravida nisl aliquet.</p>
[/xt_testimonial]
[/xt_item]
[/xt_carousel]

Shortcode Options

  • style – the navigation can be normal (top), center and bottom
  • scroll – how many items scroll
  • visible – items that must be visible at desktop resolution
  • ipad – items that must be visible at tablet resolution (default 3)
  • land – items that must be visible at mobile landscape resolution (default 2)
  • portrait – items that must be visible at mobile portrait resolution (default 1)
  • mousewheel – true/false, enable or disable mouse wheel scroll
  • navigation – true/false, enable or disable navigation
  • timer – true/false, enable or disable timer
  • duration – duration of timer or autoslide. Default: 800
  • autoplay – true/false, enable or disable autoslide (autoplay)