jethin

This plugin allows authors to turn a <a href="https://codex.wordpress.org/User:Esmi/The_WordPress_Gallery" rel="nofollow ugc">WordPress gallery</a> into a slideshow.
To activate slideshow mode set the “GSS Slideshow” option to “Yes” when editing a gallery in the WordPress Media Manager. Alternatively you can manually add the “gss” attribute to a WordPress gallery shortcode:
<pre><code>[gallery gss="1" ids="1,2,3"]
</code></pre>
<a href="http://s89693915.onlinehome.us/wp/?page_id=4" rel="nofollow ugc">See here</a> to view an example slideshow.
The plugin supports six optional shortcode attributes:
<pre><code>[gallery gss="1" ids="1,2,3" size="full" link="none" options="timeout=4000" name="myslideshow" style="width:50%" carousel="fx=carousel"]
</code></pre>
size: The size of the slideshow images (included in “Gallery Settings”).
link: The default link for slideshow images (included in “Gallery Settings”). Custom links can be set via the “GSS Link” metadata on individual images.
options: This attribute can be used to override default slideshow options or set custom options. Attribute value uses query string format, e.g.: ‘option1=value1&option2=value2’ etc. Option names are in standard Cycle2 format without ‘data-cycle-‘ prefix. <a href="http://jquery.malsup.com/cycle2/api/#options" rel="nofollow ugc">See the Cycle2 website</a> for documentation and supported options.
name: Use this attribute to give slideshow(s) unique ids (applied to container <code><div></code>). Give each slideshow a unique name / id when displaying multiple slideshows on a single page.
style: Inline CSS styles applied to the slideshow container. Outputted string is prefaced with “style=” and must contain standard “property:value;” syntax.
carousel: Set ‘fx=carousel’ value in this attribute to include a carousel pager navigation (thumbnails) in a slideshow. See the <a href="http://jquery.malsup.com/cycle2/demo/carousel.php" rel="nofollow ugc">Cycle2 Carousel</a> for documentation and supported options. Carousel options follow the same string format as the options attribute above.
Support
Plugin author is no longer able to respond to new threads in the “Support” forum. Plugin users are encouraged to provide support to others.
Notes
Slideshows perform best if images are sized to desired slideshow width / container.
Slideshow captions are taken from each image’s “Caption” field. Upload and use unique versions of any images that are reused elsewhere on your site with different captions.
Slideshow widths should automatically adjust to the smaller of: 1) the width of the largest image in the slideshow or 2) the width of its container.
Default Display: Height / width of slideshow image area is set by the first image; images appear at full size or are scaled down to fit container; smaller images are horizontally centered; images are bottom aligned to caption area; some white space may appear at the top of slideshows that contain both horizontally and vertically aligned images.
Default CSS ids begin with “gss_”, classes with “cycle-“. Default slideshow id is “gslideshow”. Default CSS styles were created using the Twenty Thirteen theme — some CSS customization may be necessary for other themes.
In addition to the options attribute mentioned above, slideshows can be customized by placing a “gss-custom.js” file inside the Gallery Slideshow plugin directory. An example “gss-custom.js” can be found in the /assets/ directory.
This plugin uses <a href="http://jquery.malsup.com/cycle2/" rel="nofollow ugc">jQuery Cycle2</a>. Cycle2 may conflict with previous versions of Cycle if used on the same page.
Embed Slideshow (Experimental; requires version 1.3+)
To embed a slideshow on another site:
<ol>
<li>
Move the ’embed.js’ and ’embed.php’ files out of the plugin’s /assets/ directory and into the main /gallery-slideshow/ directory.
</li>
<li>
While editing a post/page with a slideshow, locate the slideshow’s embed key in the “Custom Fields” meta box . (If the embed key isn’t shown make sure the [gss …] shortcode exists in the visual editor and update the page/post.)
</li>
<li>
Replace the all caps text below with 1) your site’s URL/domain name and 2) the embed key to produce the embed code:
</li>
</ol>
‘data-target’ attribute (optional): Add this attribute to the embed code to target a specific div by id (use unique ids if multiple slideshows are embedded on a page):
<pre><code><script src="YOUR_SITES_DOMAIN/wp-content/plugins/gallery-slideshow/embed.js" data-embed="GSS_EMBED_KEY" data-target="UNIQUE_TARGET_NAME" type="text/javascript"></script><div id="UNIQUE_TARGET_NAME"></div>
</code></pre>

Gallery Slideshow

Turn any WordPress gallery into a simple, robust, lightweight and fluid slideshow.

Vincent Mimoun-Prat

MarvinLabs

bxSlider for WordPress integrates the great responsive content slider <a href="http://bxslider.com/" rel="nofollow ugc">bxSlider jQuery plugin</a> in 
your very own WordPress site. Galleries are turned into beautiful sliders, but you can also roll you own sliders using 
special shortcode. The best thing is that you are not limited to the number of sliders or galleries per page, you can 
have as many as you want!
Why should you use this slider? I’ll quote the bxSlider’s website:
<ul>
<li>Fully responsive – will adapt to any device</li>
<li>Horizontal, vertical, and fade modes</li>
<li>Slides can contain images, video, or HTML content</li>
<li>Advanced touch / swipe support built-in</li>
<li>Uses CSS transitions for slide animation (native hardware acceleration!)</li>
<li>Full callback API and public methods</li>
<li>Small file size, fully themed, simple to implement</li>
<li>Browser support: Firefox, Chrome, Safari, iOS, Android, IE7+</li>
</ul>
<h3>Languages</h3>
Easy Digital Downloads has been translated into the following languages:
English (and British English) 
German 
Spanish
Would you like to help translate the plugin into more languages? <a href="https://www.transifex.com/projects/p/bxslider-integration-for-wordpress/" rel="nofollow ugc">Join our WP-Translations 
Community</a>.
<h3>Features</h3>
<ul>
<li>[gallery] and [bxgallery] shortcodes</li>
<li>[slider] and [bxslider] shortcodes</li>
<li>Template functions</li>
</ul>
<h4>[gallery] and [bxgallery] shortcodes</h4>
You can use the default WordPress <code>[gallery]</code> shortcode or use the additional <code>[bxgallery]</code> shortcode to create awesome 
dynamic galleries. These shortcodes take the following parameters:
<ul>
<li>ids [a comma-separated list of image IDs]: This is usually inserted for you when you create the gallery from the 
media box. If you omit this parameter, all the images you have uploaded along with the post will be included in the 
gallery. </li>
<li>exclude_featured [1 or 0]: if set to 1 and you did not specify specific ids as above, the post featured image 
will be excluded from the gallery. If you omit this parameter, it will default to the value set in the plugin settings 
page. </li>
<li>hide_carousel [1 or 0]: if set to 1, the carousel with thumbnails will not be shown. If you omit this 
parameter, it will default to the value set in the plugin settings page. </li>
<li>duration integer: the duration of slides in milliseconds </li>
<li>speed integer: the speed of transitions in milliseconds </li>
<li>extra_options comma-separated list of javascript options to be passed to bxSlider directly: this allows to 
directly specify some options for bxSlider if those options are not yet provided as settings or shortcode parameters by 
our plugin. For instance: [bxgallery extra_options=”pager: false, “]</li>
<li>transition ‘fade’, ‘horizontal’ or ‘vertical’: the type of transition between slides</li>
<li>adaptive_height [1 or 0]: if set to 1, the height of the slider/gallery will automatically adjust to the content 
of the current slide</li>
<li>auto_start [1 or 0]: if set to 1, the slideshow will automatically start after the page has loaded.</li>
<li>shuffle [1 or 0]: if set to 1, the images will be shown in random order</li>
</ul>
<h4>[slider] and [bxslider] shortcodes</h4>
You can also build your own custom sliders, with any content you’d like in them.
Here is an example:
<pre><code>[slider]
 This is my first slide. I can contain any html you like.
[next-slide]
 And the shortcode above has made this text be the second slider.
[next-slide]
 And thus we are now having the third slide of this slider. Below we close the initial shortcode to notify the end 
 of the slider. Simple, isn't it?
[/slider]
</code></pre>
The shortcode accepts the following parameters:
<ul>
<li>duration integer: the duration of slides in milliseconds </li>
<li>speed integer: the speed of transitions in milliseconds </li>
<li>extra_options comma-separated list of javascript options to be passed to bxSlider directly: this allows to 
directly specify some options for bxSlider if those options are not yet provided as settings or shortcode parameters by 
our plugin. For instance: [bxgallery extra_options=”pager: false, “]</li>
<li>transition ‘fade’, ‘horizontal’ or ‘vertical’: the type of transition between slides</li>
<li>adaptive_height [1 or 0]: if set to 1, the height of the slider/gallery will automatically adjust to the content 
of the current slide</li>
<li>auto_start [1 or 0]: if set to 1, the slideshow will automatically start after the page has loaded.</li>
</ul>
<h4>Template functions</h4>
The plugin also provides template functions to be used in your theme files. Those functions are all static methods of 
the class <code>BXSG_ThemeUtils</code>. To be safe, in case the plugin is not active, you should check that the class exists 
before calling the functions:
<pre><code><?php 
 if ( class_exists( 'BXSG_ThemeUtils' ) ) {
 // Do something with the BXSG_ThemeUtils class
 } 
?>
</code></pre>
1. Post gallery
<pre><code><?php BXSG_ThemeUtils::the_post_gallery( array( 
 'exclude_featured' => 1 
 ) ); ?>
</code></pre>
<blockquote>
Hint: you can pass the shortcode parameters as an array to customize the output
</blockquote>

bxSlider integration for WordPress

bxSlider for WordPress integrates the great responsive content slider "bxSlider jQuery plugin" in your very own WordPress site.

Gallery Slideshow vs bxSlider integration for WordPress