RedWeb.tn

A custom post type for choosing images and content which outputs a <a href="http://getbootstrap.com/javascript/#carousel" rel="nofollow ugc">carousel</a> from <a href="http://www.getbootstrap.com" rel="nofollow ugc">Twitter Bootstrap</a> using the shortcode <code>[sx-carousel]</code>.
The plugin assumes that you’re already using Bootstrap, so you need to load the Bootstrap javascript and CSS separately.
<ul>
<li><a href="http://getbootstrap.com/" rel="nofollow ugc">Download Twitter Bootstrap</a></li>
<li><a href="http://getbootstrap.com/javascript/#carousel" rel="nofollow ugc">Bootstrap Carousel in action</a></li>
</ul>
If you’d like to contribute to this plugin, you can find it <a href="https://github.com/redweb-tn/sx-bootstrap-carousel" rel="nofollow ugc">hosted on GitHub</a>.
<h4>Shortcode Options</h4>
If you’d like different settings for different carousels, you can override these by using shortcode options…
<ul>
<li>
<code>interval</code> (default 5000)
<ul>
<li>Length of time for the caption to pause on each image. Time in milliseconds. 
[sx-carousel interval=”12000″]</li>
</ul>
</li>
<li>
<code>showcaption</code> (default true)
<ul>
<li>Whether to display the text caption on each image or not. <code>true</code> or <code>false</code>. 
[sx-carousel showcaption=”false”]</li>
</ul>
</li>
<li>
<code>showcontrols</code> (default true)
<ul>
<li>Whether to display the control arrows or not. <code>true</code> or <code>false</code>. 
[sx-carousel showcontrols=”false”]</li>
</ul>
</li>
<li>
<code>orderby</code> and <code>order</code> (default <code>menu_order</code> <code>ASC</code>)
<ul>
<li>What order to display the posts in. Uses <a href="https://codex.wordpress.org/Class_Reference/WP_Query#Order_.26_Orderby_Parameters" rel="nofollow ugc">WP_Query terms</a>. 
[sx-carousel orderby=”rand”] 
[sx-carousel orderby=”date” orderby=”DESC”]</li>
</ul>
</li>
<li>
<code>category</code> (default all)
<ul>
<li>Filter carousel items by a comma separated list of carousel category slugs. 
[sx-carousel category=”homepage,highlights”]</li>
</ul>
</li>
<li>
<code>id</code> (default all)
<ul>
<li>Specify the ID of a specific carousel post to display only one image.</li>
<li>Find the image ID by looking at the edit post link, eg. post 109 would be <code>/wp-admin/post.php?post=109&action=edit</code> 
[sx-carousel id=”109″]</li>
</ul>
</li>
<li>
<code>twbs</code> (default 2)
<ul>
<li>Output markup for Twitter Bootstrap Version 2 or 3. 
[sx-carousel twbs=”3″]</li>
</ul>
</li>
</ul>
<h4>Contributing</h4>
If you would like to contribute to this plugin, please go to the <a href="https://github.com/redweb-tn/sx-bootstrap-carousel" rel="nofollow ugc">GitHub repository</a> and make a personal fork of the development version. You can then make your changes and submit a pull request. I will happily review the code and then merge when we’re both happy. You can read more details <a href="https://github.com/redweb-tn/sx-bootstrap-carousel/blob/master/CONTRIBUTING.md" rel="nofollow ugc">here</a>.

SX Bootstrap Carousel

The Carousel plugin is a component for cycling through elements, like a carousel (slideshow).

Tor N. Johnson

soreingold

This plugin provides a mechanism to render the bootstrap carousels, a functional API, and shortcode to render: [bootstrap-carousel-rg]

Bootstrap Carousel RG

Configurable carousel content types that render with the bootstrap carousel

SX Bootstrap Carousel vs Bootstrap Carousel RG