Title: Responsive NextGEN Flex Slider Template
Author: Mohsin Rasool
Published: <strong>21.12.2012</strong>
Last modified: 27.02.2014

---

Шукати плагіни

Цей плагін **не перевірявся з останніми 3-ма основними випусками WordPress**. Можливо,
він більше не може розроблятися або підтримуватися, і він може мати проблеми сумісності
при використанні з більш новими версіями WordPress.

![](https://s.w.org/plugins/geopattern-icon/nextgen-flex-slider-template.svg)

# Responsive NextGEN Flex Slider Template

 Від автора [Mohsin Rasool](https://profiles.wordpress.org/mohsinrasool/)

[Завантажити](https://downloads.wordpress.org/plugin/nextgen-flex-slider-template.1.7.zip)

 * [Деталі](https://uk.wordpress.org/plugins/nextgen-flex-slider-template/#description)
 * [Відгуки](https://uk.wordpress.org/plugins/nextgen-flex-slider-template/#reviews)
 *  [Встановлення](https://uk.wordpress.org/plugins/nextgen-flex-slider-template/#installation)
 * [Розробка](https://uk.wordpress.org/plugins/nextgen-flex-slider-template/#developers)

 [Підтримка](https://wordpress.org/support/plugin/nextgen-flex-slider-template/)

## Опис

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](http://wpdevsnippets.com/create-nextgen-gallery-and-templates/)

[Documentation](http://wpdevsnippets.com/nextgen-flex-image-content-slider-template/)
| [Support](https://github.com/mohsinrasool/NextGEN-Flex-Slider-Template)

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](https://github.com/mohsinrasool/NextGEN-Flex-Slider-Template)

#### Attributes

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
    ```

### Usage

[nggallery id=x template=”sliderview” direction_nav=”0″]

## Скріншоти

 * [[
 * Content Slider
 * [[
 * Image Slider
 * [[
 * Slider Settings in Administration Panel
 * [[
 * Populating Content for images

## Встановлення

This section describes how to install the plugin and get it working.

 1. Upload `nextgen-flex-slider-template` folder to the `/wp-content/plugins/` directory
 2. Activate the plugin through the ‘Plugins’ menu in WordPress
 3. You can now use “sliderview” template in nggallery shortcode.

## Часті питання

  What is NextGen gallery?

NextGEN Gallery is the most popular photo gallery plugin for WordPress. It provides
a powerful engine for uploading and managing galleries of images, with the ability
to batch upload, import meta data, add/delete/rearrange/sort images, edit thumbnails,
group galleries into albums, and more.

  Does it work without NextGen gallery?

No, It is solely developed for the NextGen gallery and does not work without it.

  Where I can download NextGen gallery?

You can download NextGen gallery either from their official website http://www.nextgen-
gallery.com or from WordPress plugin repositry https://wordpress.org/extend/plugins/
nextgen-gallery.

  How can use text and title beside the image?

You would use the photo description and the title text to populate the right side
of the slider. Go to WP Admin -> Gallery -> Manage Gallery -> Click on Gallery Title.

  Can I place links or achor tags in the description?

Yes, you can. You can not only place links but also can use any HTML tag in the 
description. But, make sure you HTML is properly formatted. An unclosed tag or quotes
may mess up your page.

  Is it a content slider or an image slider?

Both, You can configure it to be either a content slider or an image only slider.

  How to add the images in slider?

Please check out our tutorial on how to use [NextGen Gallery Templates](http://wpdevsnippets.com/create-nextgen-gallery-and-templates/)
and set up slider for it.

  Where is the slider documentation?

Please click here to visit the [documentation](http://wpdevsnippets.com/nextgen-flex-image-content-slider-template/).

## Відгуки

Для цього плагіна немає відгуків.

## Учасники та розробники

“Responsive NextGEN Flex Slider Template” — проект з відкритим вихідним кодом. В
розвиток плагіну внесли свій вклад наступні учасники:

Учасники

 *   [ Mohsin Rasool ](https://profiles.wordpress.org/mohsinrasool/)

[Перекладіть “Responsive NextGEN Flex Slider Template” на вашу мову.](https://translate.wordpress.org/projects/wp-plugins/nextgen-flex-slider-template)

### Цікавитесь розробкою?

[Перегляньте код](https://plugins.trac.wordpress.org/browser/nextgen-flex-slider-template/),
перегляньте [сховище SVN](https://plugins.svn.wordpress.org/nextgen-flex-slider-template/)
або підпишіться на [журнал розробки](https://plugins.trac.wordpress.org/log/nextgen-flex-slider-template/)
за допомогою [RSS](https://plugins.trac.wordpress.org/log/nextgen-flex-slider-template/?limit=100&mode=stop_on_copy&format=rss).

## Журнал змін

#### 1.7

 * Added feature to link the images and titles
 * Fixed open_short_tag bug

#### 1.6

 * Allow multiple slider with different options on the same page or different pages
 * Centering the portrait images
 * Added option to change the background

#### 1.5

 * Fixed a critical bug of breaking words in content slider

#### 1.4

 * Added Grey Theme
 * Check to apply width for image slider

#### 1.3

 * Feature of randomization of slides
 * Feature of setting delay between transitions
 * Feature of reverse slides
 * Feature of setting bullet or no pagination navigation
 * Feature of toggling next/prev slide navigation

#### 1.2

 * Fixed blank screen bug

#### 1.1

 * Added Configuration page where user can configure slider options.

#### 1.0.1

 * Fixed static title problem.

#### 1.0

 * First Revision

## Мета

 *  Версія **1.7**
 *  Останнє оновлення **12 років тому**
 *  Активних встановлень **300+**
 *  Версія WordPress ** 3.0.1 або вище **
 *  Tested up to **3.5.2**
 *  Мова
 * [English (US)](https://wordpress.org/plugins/nextgen-flex-slider-template/)
 * Позначки
 * [gallery](https://uk.wordpress.org/plugins/tags/gallery/)[nextgen](https://uk.wordpress.org/plugins/tags/nextgen/)
   [NextGEN Gallery](https://uk.wordpress.org/plugins/tags/nextgen-gallery/)[slider](https://uk.wordpress.org/plugins/tags/slider/)
   [slideshow](https://uk.wordpress.org/plugins/tags/slideshow/)
 *  [Розширений перегляд](https://uk.wordpress.org/plugins/nextgen-flex-slider-template/advanced/)

## Оцінки

 4.1 out of 5 stars.

 *  [  7 5-star reviews     ](https://wordpress.org/support/plugin/nextgen-flex-slider-template/reviews/?filter=5)
 *  [  1 4-star review     ](https://wordpress.org/support/plugin/nextgen-flex-slider-template/reviews/?filter=4)
 *  [  0 3-star reviews     ](https://wordpress.org/support/plugin/nextgen-flex-slider-template/reviews/?filter=3)
 *  [  0 2-star reviews     ](https://wordpress.org/support/plugin/nextgen-flex-slider-template/reviews/?filter=2)
 *  [  2 1-star reviews     ](https://wordpress.org/support/plugin/nextgen-flex-slider-template/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/nextgen-flex-slider-template/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/nextgen-flex-slider-template/reviews/)

## Учасники

 *   [ Mohsin Rasool ](https://profiles.wordpress.org/mohsinrasool/)

## Підтримка

Є що сказати? Потрібна допомога?

 [Перейти в форум підтримки](https://wordpress.org/support/plugin/nextgen-flex-slider-template/)

## Пожертвування

Ви хотіли б підтримати розвиток цього плагіна?

 [ Пожертвувати на розвиток плагіна ](http://mohsinrasool.wordpress.com/2012/12/21/nextgen-flex-slider-template/)