Flex Slider

Installs: 
30,243
Open Bugs: 
41
Development Status: 
Seeking co-maintainer(s)
Under active development

Issue with Fields and alpha 2

Please upgrade to FlexSlider alpha 3 to fix FlexSlider Fields issues.
#2069435: FlexSlider alpha2 breaks FlexSlider Fields integration

Description

Flex Slider module integrates the Flex Slider library with Drupal and several contributed modules which allows you to build responsive, resizable slideshows. Meaning the slideshows automatically adapt to the size of the browser window or device.

Some features of FlexSlider slideshows include:

  • Touch enabled nagivation
  • Keyboard navigation
  • Configurable slide animations
  • Multiple sliders per page
  • Lots more...

Current Options

Allows you to use Flex Slider in a few different ways

  • As a library to be used with any other theme or module by calling drupal_add_library('flexslider', 'flexslider') or preferably with libraries_load('flexslider') or with flexslider_add()
  • Integrates with Fields (flexslider_fields)
  • Integrates with Views using a style plugin (flexslider_views)

FlexSlider v2

FlexSlider Video Tutorials

We'll be posting a series of videos on using FlexSlider to our YouTube playlist. If you have a suggestion for a video, post it to the #2068973: Video Tutorial Series Suggestions
comment thread.

http://www.youtube.com/playlist?list=PLKdePeSydSBv9ro-oJoxnhAFInyDdU4o9

FlexSlider Examples

We've included a set of example configurations in the FlexSlider Examples module. You'll find configurations for:

  • Using Fields and Views with FlexSlider
  • Using carousels
  • Using carousel sliders as navigation for other sliders
  • Using captions

We'll be adding to the list of examples as well so be sure to check out the module for updates.

API changes looming for 2.x

#1926060: API changes to flexslider_add()

FlexSlider Views Slidshow now a separate module

http://drupal.org/project/flexslider_views_slideshow

We'll move all the issues for Views Slideshow to that module since the Views Slideshow integration is very specific compared to the Views and Fields integration.

Installation

  1. Download the FlexSlider library from https://github.com/woothemes/FlexSlider
  2. Unzip the file and rename the folder to "flexslider" (pay attention to the case of the letters)
  3. Put the folder in a libraries directory
    • Ex: sites/all/libraries
  4. The first two files are required and the last is optional (required for javascript debugging)
    • jquery.flexslider-min.js
    • flexslider.css
    • jquery.flexslider.js
  5. Ensure you have a valid path similar to this one for all files
    • Ex: sites/all/libraries/flexslider/jquery.flexslider-min.js

That's it!

Alpha release now available

The alpha release is now available. Should be relatively stable to use. Mostly it's not 100% API/feature complete but it has all the core functionality available.

Related/Integration Modules

Examples in the wild

If you've setup FlexSlider on your site let us know and we'll share it here:

If you like Flex Slider, be sure to checkout the Adaptive Image Styles module and this tutorial on how to use them together.

FlexSlider v1

We'll make a few more changes to v1 (mostly bug fixes) and leave all feature requests for v2. We'll have an upgrade path from v1 to v2 for your option sets. But if you've done some custom styles or javascript to work with the library you'll probably have to tweak them after the upgrade.

Tutorials for v1

http://www.youtube.com/watch?v=s8I0r6zEvjI

For the most part upgrading from v1 to v2 should work with regards to your FlexSlider settings migrating properly. New options/defaults may affect your slideshows so please verify them before upgrading your production sites.

#1811082: Create upgrade path from v1 to v2 for Views plugin

About FlexSlider

Library available at https://github.com/woothemes/FlexSlider

  • Simple, semantic markup
  • Supported in all major browsers
  • Horizontal/vertical slide and fade animations
  • Multiple slider support, Callback API, and more
  • Hardware accelerated touch swipe support
  • Custom navigation options
  • Use any html elements in the slides
  • Built for beginners and pros, alike
  • Free to use under the MIT license

Professional Support for FlexSlider

If you're stuck in the issue queue or need one-on-one help with this module you can book a time slot to discuss the issue with a developer. The help is free if it's resolved issue in the half hour time slot. For extended support you can request a quote at http://coldfrontlabs.ca/contact. Be sure to select "Support" as the subject.

Sponsored by Coldfront Labs Inc.

Co-Creator/Maintainer Mathew Winstone (minorOffense)

Co-Maintainer Chris Kahn (aptorian)

Original fields functionality provided by jepedo

Releases: 
7.x-2.0-alpha3
7.x-1.0-rc3
7.x-2.x-dev
7.x-1.x-dev
Release Dates: 
09/08/2013
05/17/2012
11/28/2013
09/30/2013