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

QuantaThemes

Shahab Khan

QuantaTec

Pretty simple, this plugin will add Touch Swipe Support to Bootstrap Carousels based Sliders, if you are using themes based on Bootstrap.

Bootstrap Carousel Touch Swipe Support

This plugin adds Touch Swipe Support to Bootstrap Carousels based Sliders.

SX Bootstrap Carousel vs Bootstrap Carousel Touch Swipe Support