Title: Responsive NextGEN Flex Slider Template
Author: Mohsin Rasool
Published: <strong>2012 年 12 月 21 日</strong>
Last modified: 2014 年 2 月 27 日

---

搜索插件

**该插件尚未通过WordPress的最新3个主要版本进行测试**。 当与较新版本的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://cn.wordpress.org/plugins/nextgen-flex-slider-template/#description)
 * [评价](https://cn.wordpress.org/plugins/nextgen-flex-slider-template/#reviews)
 *  [安装](https://cn.wordpress.org/plugins/nextgen-flex-slider-template/#installation)
 * [开发进展](https://cn.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⌉⌊Content Slider⌉[

Content Slider

[⌊Image Slider⌉⌊Image Slider⌉[

Image Slider

[⌊Slider Settings in Administration Panel⌉⌊Slider Settings in Administration Panel⌉[

Slider Settings in Administration Panel

[⌊Populating Content for images⌉⌊Populating Content for images⌉[

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/)，
或通过[RSS](https://plugins.trac.wordpress.org/log/nextgen-flex-slider-template/?limit=100&mode=stop_on_copy&format=rss)
订阅[开发日志](https://plugins.trac.wordpress.org/log/nextgen-flex-slider-template/)。

## 更新日志

#### 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 或更高版本 **
 *  已测试的最高版本为 **3.5.2**
 *  语言
 * [English (US)](https://wordpress.org/plugins/nextgen-flex-slider-template/)
 * 标签
 * [gallery](https://cn.wordpress.org/plugins/tags/gallery/)[nextgen](https://cn.wordpress.org/plugins/tags/nextgen/)
   [NextGEN Gallery](https://cn.wordpress.org/plugins/tags/nextgen-gallery/)[slider](https://cn.wordpress.org/plugins/tags/slider/)
   [slideshow](https://cn.wordpress.org/plugins/tags/slideshow/)
 *  [高级视图](https://cn.wordpress.org/plugins/nextgen-flex-slider-template/advanced/)

## 评级

 4.1 星（最高 5 星）。

 *  [  7 条 5 星评价     ](https://wordpress.org/support/plugin/nextgen-flex-slider-template/reviews/?filter=5)
 *  [  1 条 4 星评价     ](https://wordpress.org/support/plugin/nextgen-flex-slider-template/reviews/?filter=4)
 *  [  0 条 3 星评价     ](https://wordpress.org/support/plugin/nextgen-flex-slider-template/reviews/?filter=3)
 *  [  0 条 2 星评价     ](https://wordpress.org/support/plugin/nextgen-flex-slider-template/reviews/?filter=2)
 *  [  2 条 1 星评价     ](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)

[查看全部评论](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/)