We'll create fresh WordPress site with Responsive NextGEN Flex Slider Template installed. You have 20 minutes to test the plugin after that site we'll be deleted.
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 creating and using gallery templates
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
NextGEN Flex Slider Template
These will work only when shortcode is used on post/page contents.
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
[nggallery id=x template=”sliderview” direction_nav=”0″]