Nabajit Roy

A plugin creates a custom post type(orange-slider) where you can add images along with title, a short description and some highlighted points(bullets) for your slider which nicely replicates the default bootstrap carousel. Admin settings include change background color, slider height width, set different animation styles for slider elements etc.

Orange Bootstrap Carousel

This plugin creates a post type to add  images, title, description and some bullet points which nicely replicates the default bootstrap carousel.

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).

Orange Bootstrap Carousel vs SX Bootstrap Carousel