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.

Mohsin Rasool

This plugin adds “sliderview” template for the NextGen gallery. Use the shortcode [nggallery id=x template=”sliderview”] to display images as the slider. You can visit Settings -> NextGen Slider to select theme, toggle between image and content slider and change width of the image or content area.
If you are not sure how to set up this slider please read our tutorial on <a href="http://wpdevsnippets.com/create-nextgen-gallery-and-templates/" title="Create and Use NextGen Gallery Templates" rel="nofollow ugc">creating and using gallery templates</a>
<a href="http://wpdevsnippets.com/nextgen-flex-image-content-slider-template/" title="NextGen Responsive Flex Slider Documentation" rel="nofollow ugc">Documentation</a> | <a href="https://github.com/mohsinrasool/NextGEN-Flex-Slider-Template" title="NextGen Flex Slider Support" rel="nofollow ugc">Support</a>
Note: It requires NextGen Gallery plugin that can be downloaded from https://wordpress.org/extend/plugins/nextgen-gallery.
Note: Due to time constraints, I am not able to update or fix issues. So, I decided to host it on GitHub. If anyone fixes an issue, please take time to update the repository. Thanks 
<a href="https://github.com/mohsinrasool/NextGEN-Flex-Slider-Template" title="NextGEN Flex Slider Template" rel="nofollow ugc">NextGEN Flex Slider Template</a>
<h4>Attributes</h4>
These will work only when shortcode is used on post/page contents.
<pre><code>theme: 
(string) (optional) Theme of the slider
Possible Values: 'black', 'blue' or 'grey'

display_content: 
(boolean) (optional) Toggle between content and image slider. 
Possible Values: 0 or 1

order: 
(string) (optional) Select order of the images. 
Possible Values: empty or "random"

slideshow_speed: 
(numeric) (optional) Delay in animation 
Possible Values: Any numeric value

direction_nav: 
(boolean) (optional) Enable or disable next/prev navigation arrows
Possible Values: 0 or 1

pagination: 
(boolean) (optional) Enable or disable pagination bullets at bottom
Possible Values: 0 or 1

image_width: 
(string) (optional) Set width of the images
Possible Values: 100px or 100% or 80% etc

text_width: 
(string) (optional) Set width of the content area (in case of content slider)
Possible Values: 100px or 20% etc

link_title: 
(boolean) (optional) Enable or disable whether title should be linked or not (for content slider). Please follow [this tutorial](http://wpdevsnippets/linking-image-and-title-nextgen-flex-slider-template "Linking Flex Sliders") to set it up
Possible Values: 0 or 1

link_image: 
(boolean) (optional) Enable or disable whether image should be linked or not. Please follow [this tutorial](http://wpdevsnippets/linking-image-and-title-nextgen-flex-slider-template "Linking Flex Sliders") to set it up
Possible Values: 0 or 1

link_new_window: 
(boolean) (optional) Enable to open slider url to be opened in a new window. Please follow [this tutorial](http://wpdevsnippets/linking-image-and-title-nextgen-flex-slider-template "Linking Flex Sliders") to set it up
Possible Values: 0 or 1

background: 
(string) (optional) Set background color of the slider 
Possible Values: Any valid HTML Code. #fff or #23423f or white or black 

use_width_for_img_slider: 
(boolean) (optional) To use the specifed img_width for image slider too.
Possible Values: 0 or 1

disable_img_stretching: 
(boolean) (optional) Images in image slider are set to 100% width which may cause stretch for small or portrait size images. Please enable this option to fix it.
Possible Values: 0 or 1
</code></pre>
<h3>Usage</h3>
[nggallery id=x template=”sliderview” direction_nav=”0″]

Responsive NextGEN Flex Slider Template

Adds "sliderview" template for the NextGen gallery. Use the shortcode [nggallery id=x template="sliderview"]

Gallery Slideshow vs Responsive NextGEN Flex Slider Template