foo123

<p>!!!Further development on this project has stopped!!!</p>
<p>This is a wrapper plugin for the elastislide http://tympanus.net/codrops/2011/09/12/elastislide-responsive-carousel/ script (with some modifications)</p>
<h4>Features</h4>
<ul>
<li>Any public post type can be used for the slider</li>
<li>Post thumbnails are used as slider images</li>
<li>Shortcode options for minimum visible items, show titles, items order</li>
<li>Assets are loaded ONLY if slider is present on the page</li>
</ul>
<p>Original Script: http://tympanus.net/codrops/2011/09/12/elastislide-responsive-carousel/</p>


Elastic Slide

Fully responsive Posts slider based on Elastislide script

jtallant

<p>Note: This plugin only supports <a href="http://justintallant.com/go/genesis-child-themes" title="Genesis child themes" rel="nofollow ugc">Genesis child themes</a>. If you don’t know what that is, don’t download this plugin.</p>
<p>Genesis Bootstrap Carousel (GBC) allows you to create a simple responsive image carousel that displays the featured image, along with the title and excerpt from each post.<br />
GBC is based off of the Genesis Responsive Slider and uses a lot of the same code. The main difference is that the Genesis Bootstrap Carousel uses the Carousel<br />
jquery plugin created by the open source Twitter Bootstrap Project. The carousel.js in this plugin is roughly 1/4 the size of the jquery flexslider.js used by<br />
the Genesis Responsive Slider. The CSS in this plugin is about half the size of the Genesis Responsive Slider plugin. Genesis Bootstrap Carousel also includes<br />
options to easily disable the CSS and JS of the plugin, allowing you to move scripts or styles into a combined file inside your theme. GBC also uses CSS for the<br />
next/previous arrows, avoiding an HTTP request and allowing easy customization via CSS. You may also choose what specifc post/page IDs the carousel JS and CSS get loaded on.<br />
This way you can avoid loading assets on pages that are not using the Carousel and avoid unnecessarily increasing page load time.</p>
<p>It includes options for the maximum dimensions of your slideshow, allows you to choose to display posts, pages, custom post types, what category to pull from, and even the<br />
specific post IDs of the posts you want to display. It includes next/previous arrows that can be turned on or off. Finally, you can place the carousel into a widget area.<br />
The image carousel is also responsive and will automatically adjust for the screen it is being displayed on.</p>
<p>You can get information on how the carousel.js works by visiting the <a href="http://twitter.github.com/bootstrap/javascript.html#carousel" title="Carousel Section" rel="nofollow ugc">Carousel Section</a> of the Twitter Bootstrap site.</p>
<h4>Live example</h4>
<ul>
<li><a href="http://wordpress.justintallant.com/demo/genesis-bootstrap-carousel/" title="Demo" rel="nofollow ugc">Demo</a></li>
</ul>
<h3>Child Theme Integration</h3>
<p>To adjust the carousel defaults for a child theme use a filter simiar to the following:</p>
<pre><code>add_filter( 'bootstrap_carousel_settings_defaults', 'my_child_theme_bootstrap_carousel_defaults' );

function my_child_theme_bootstrap_carousel_defaults( $defaults ) {
    $defaults = array(
        'post_type'                      => 'post',
        'posts_term'                     => '',
        'exclude_terms'                  => '',
        'include_exclude'                => '',
        'post_id'                        => '',
        'posts_num'                      => 5,
        'posts_offset'                   => 0,
        'orderby'                        => 'date',
        'carousel_interval'              => 5000,
        'carousel_arrows'                => 1,
        'carousel_no_link'               => 0,
        'carousel_width'                 => '940',
        'carousel_height'                => '380',
        'carousel_excerpt_content'       => 'excerpts',
        'carousel_excerpt_content_limit' => 150,
        'carousel_more_text'             => 'Continue Reading',
        'carousel_excerpt_show'          => 1,
        'carousel_excerpt_width'         => 100,
        'location_vertical'              => 'bottom',
        'location_horizontal'            => 'left',
        'carousel_hide_mobile'           => 1,
        'html5_docytpe'                  => 0,
        'disable_css'                    => 0,
        'disable_js'                     => 0
    );
    return $defaults;
}
</code></pre>


Genesis Bootstrap Carousel

This plugin allows you to create a simple responsive image carousel that displays the featured image, along with the title and excerpt from each post.

Elastic Slide vs Genesis Bootstrap Carousel