Module Description
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)
Drupal 8 stable is here! The D8 version is a straight port of the D7 version and retains nearly all of the functionality.
What Changed?
* FlexSlider module API The API in D7 uses drupal_add_js() and drupal_add_css() to include assets. These functions are removed in D8. Now the flexslider_add() function returns an array containing the necessary FlexSlider assets, that can be used in '#attached' key of any render array.
* Option Set Configuration The D7 version used CTools to manage option sets. The D8 version uses the new Configuration Management Initiative (CMI). Most of the CTools functionality has been moved into CMI so not much has changed in the UI except export which is now done from admin >> config >> development >> configuration. Also, since an option set is necessary for the proper functioning of FlexSlider, the default option set cannot be deleted.
* Fields FlexSlider Fields only supports multi-value Image fields. The D7 version also supports media fields. In D8, the media module is now stable in core. Although it is not available in the initial release, it is under consideration. Follow #3086080: Add flexslider support for any (multi-valued) entity reference field and #2971337: Support drupal core media for more information.
* Examples The FlexSlider Examples module is now using Views instead of Context and Block. FlexSlider examples menu is in the toolbar. The examples work out-of-box and all of the module configuration is destroyed when the module is uninstalled.
What's New?
Responsive Formatter The FlexSlider Fields module now has a responsive image formatter that extends the core Responsive Image module's formatter and adds FlexSlider settings. This formatter is only available when Responsive Image is enabled.
Future More features are under consideration, including #3086080: Add flexslider support for any (multi-valued) entity reference field and #2844208: Responsive minItems and maxItems (multiple columns per slide)
Dependencies
* FlexSlider jQuery library version 2.5+ Use version 2.6+ for alt attribute on thumbnails.
* Libraries API (OPTIONAL) With Drupal 8.9 comes a library service that allows for detecting where the FlexSlider library is installed. Thus making Library API unnecessary for this module. However, if you’re on Drupal 8.8 or less AND you have placed the library in a nonstandard location then Library API is necessary.
* Responsive Image (OPTIONAL) The core Responsive Image module is only required to use the responsive image formatter.
Installation
Please view the project's README for detailed installation instruction.
D8 Tutorials
* Daily Dose of Drupal Episode 220 - http://codekarate.com/daily-dose-of-drupal/drupal-8-flexslider-module
FlexSlider v2 (D7) 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
* Libraries API 2.x
* Download the FlexSlider library from https://github.com/woothemes/FlexSlider
* Unzip the file and rename the folder to "flexslider" (pay attention to the case of the letters)
* Put the folder in a libraries directory
*
* Ex: sites/all/libraries
* The first two files are required and the last is optional (required for javascript debugging)
*
* jquery.flexslider-min.js
* flexslider.css
* jquery.flexslider.js
* 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!
Related/Integration Modules
* FlexSlider Views Slideshow
* FlexSlider Entityreference
* Picture
* FitVids
* FlexSlider Field Collection
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
Maintainers Sponsored by Chisholm Technologies Inc.
Original maintainers Sponsored by Coldfront Labs Inc.
Co-Creator/Maintainer Mathew Winstone (minorOffense)
Original fields functionality provided by jepedo
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)
Drupal 8 stable is here! The D8 version is a straight port of the D7 version and retains nearly all of the functionality.
What Changed?
* FlexSlider module API The API in D7 uses drupal_add_js() and drupal_add_css() to include assets. These functions are removed in D8. Now the flexslider_add() function returns an array containing the necessary FlexSlider assets, that can be used in '#attached' key of any render array.
* Option Set Configuration The D7 version used CTools to manage option sets. The D8 version uses the new Configuration Management Initiative (CMI). Most of the CTools functionality has been moved into CMI so not much has changed in the UI except export which is now done from admin >> config >> development >> configuration. Also, since an option set is necessary for the proper functioning of FlexSlider, the default option set cannot be deleted.
* Fields FlexSlider Fields only supports multi-value Image fields. The D7 version also supports media fields. In D8, the media module is now stable in core. Although it is not available in the initial release, it is under consideration. Follow #3086080: Add flexslider support for any (multi-valued) entity reference field and #2971337: Support drupal core media for more information.
* Examples The FlexSlider Examples module is now using Views instead of Context and Block. FlexSlider examples menu is in the toolbar. The examples work out-of-box and all of the module configuration is destroyed when the module is uninstalled.
What's New?
Responsive Formatter The FlexSlider Fields module now has a responsive image formatter that extends the core Responsive Image module's formatter and adds FlexSlider settings. This formatter is only available when Responsive Image is enabled.
Future More features are under consideration, including #3086080: Add flexslider support for any (multi-valued) entity reference field and #2844208: Responsive minItems and maxItems (multiple columns per slide)
Dependencies
* FlexSlider jQuery library version 2.5+ Use version 2.6+ for alt attribute on thumbnails.
* Libraries API (OPTIONAL) With Drupal 8.9 comes a library service that allows for detecting where the FlexSlider library is installed. Thus making Library API unnecessary for this module. However, if you’re on Drupal 8.8 or less AND you have placed the library in a nonstandard location then Library API is necessary.
* Responsive Image (OPTIONAL) The core Responsive Image module is only required to use the responsive image formatter.
Installation
Please view the project's README for detailed installation instruction.
D8 Tutorials
* Daily Dose of Drupal Episode 220 - http://codekarate.com/daily-dose-of-drupal/drupal-8-flexslider-module
FlexSlider v2 (D7) 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
* Libraries API 2.x
* Download the FlexSlider library from https://github.com/woothemes/FlexSlider
* Unzip the file and rename the folder to "flexslider" (pay attention to the case of the letters)
* Put the folder in a libraries directory
*
* Ex: sites/all/libraries
* The first two files are required and the last is optional (required for javascript debugging)
*
* jquery.flexslider-min.js
* flexslider.css
* jquery.flexslider.js
* 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!
Related/Integration Modules
* FlexSlider Views Slideshow
* FlexSlider Entityreference
* Picture
* FitVids
* FlexSlider Field Collection
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
Maintainers Sponsored by Chisholm Technologies Inc.
Original maintainers Sponsored by Coldfront Labs Inc.
Co-Creator/Maintainer Mathew Winstone (minorOffense)
Original fields functionality provided by jepedo
Module Link
Project Usage
69247
Security Covered
Covered By Security Advisory
Version Available
DEV
Module Summary
Flex Slider module integrates the Flex Slider library with Drupal and several contributed modules to build responsive, resizable slideshows that adapt to the size of the browser window or device.
Data Name
flexslider
OPENAI CHATBOT
OPENAI CHATBOT
