Flux Slider module slider display configuration page screenshot
Flux Slider module image and caption settings page screenshot

DESCRIPTION:

Module for integrating the Flux Slider JavaScript library and controlling its settings through an administration interface.

The Flux Library must be installed at /sites/all/libraries/flux-slider/flux.js, If using a make file then this will be downloaded automatically.

The module creates a block which can be positioned within the main blocks configuration page.

Currently only supporting 4 images to be used within the slider along with 4 captions to appear with the transition. The images are currently served from the modules /images/ directory but the image path can be changed to anything that is within the public files folders. Now using managed file uploads via the Form API for adding images to the slider.

Available transitions:

Note that some of the advanced 3D CSS transitions are not supported by Internet Explorer prior to version 10.

  • 2D: bars, blinds, blocks, blocks2, concentric, dissolve,
    slide, warp, zip
  • 3D: bars3D, blinds3D, cube, tiles3D, turn
Available Controls

Slider control features available through the administration panel are;

  • transition type
  • transition autoplay
  • transition delay
  • transition pagination controls display
  • transition controls display
  • transition captions
  • transition width
  • transition height
Dependencies
Drupal 7 Dependencies:

Libraries API
Block (included with Drupal core)

Drupal 6 Dependencies:

Libraries API
Block (included with Drupal core)
jQuery Multi
A copy of jQuery later than version 1.4.4

********************************************************************

FLUX LIBRARY INSTALLATION

If you have Drush installed on your server then you can use it to download and place the Flux Library. Download and install the module, then opens terminal and navigate to your site root and enter:
drush make --no-core sites/all/modules/custom/flux_slider/flux_slider.make
This will download the flux.min.js and place it into its own folder in your sites/all/libraries directory.

Manual installation
To download the Flux Library go to
https://github.com/joelambert/Flux-Slider

Or get it directly from:
http://www.joelambert.co.uk/flux/js/flux.js
or:
http://www.joelambert.co.uk/flux/js/flux.min.js

For further information see http://www.joelambert.co.uk/flux and
http://blog.joelambert.co.uk/2011/05/05/flux-slider-css3-animation-based...

Current version as of 29-12-2012 is Flux Slider v1.4.4
Copyright 2011, Joe Lambert.
Free to use under the MIT license.
http://www.opensource.org/licenses/mit-license.php

********************************************************************

DRUPAL 7 MODULE INSTALLATION

Upgrading from 1.7 to 2.0
There is no backwards compatibility between the major version upgrade, this is due to major changes in the use of the image uploads as a managed file. There have also been major changes with the method for saving module data that are not compatible with older versions.

You must disable and uninstall the 7.x-1.7 version of this module before upgrading to the 7.x-2.0 version.

Download your existing slider modules from the administration pages using the shown paths and take notes of any caption texts or custom settings; these can all be added back in after the upgrade.

1. You must install the Libraries API before enabling this module.

2. Download the Flux Slider library from one of the locations shown above and upload it to /sites/all/libraries/flux-slider/flux.js
(If the Flux Slider library is not at this location an error message will appear telling you to consult the README.txt file)

3. Place the entire Flux Slider directory into your Drupal modules directory (normally sites/default/modules).

4. Enable the module by navigating to:

Admin > Modules

5. If you want anyone besides the administrative user to be able to configure the Flux Slider (usually a bad idea), they must be given the "administer flux slider" access permission:

Admin > People > Permissions

When the module is enabled and the user has the "administer flux slider" permission, a "Flux Slider" menu should appear under
Admin > Structure in the menu system.

********************************************************************

********************************************************************

DRUPAL 6 SPECIAL REQUIREMENTS

********************************************************************
The Flux Library requires use of certain functions within the
jQuery Library that are only supported from versions 1.4 onwards.
The default Drupal version as of this writing is 6.28 which only
supports jQuery 1.26.

To overcome this you MUST download and install the jQuery Multi module.
See http://drupal.org/project/jqmulti .

The jQuery Multi module will search within the /sites/default/libraries/jquery/ folder for a version of jQuery to target.

Download the 1.4.4 version of jQuery from
http://code.jquery.com/jquery-1.4.4.min.js

DO NOT replace your sites default jQuery files as things will break
within the administration sections of your site.

********************************************************************

DRUPAL 6 MODULE INSTALLATION

1. You must install the Libraries API before enabling this module.

2. Download the Flux Slider library from one of the locations shown above and upload it to /sites/all/libraries/flux-slider/flux.js
(If the Flux Slider library is not at this location an error message will appear telling you to consult the README.txt file)

3. Download jQuery 1.4.4 and place into sites/default/libraries/jquery/

4. Download and install the jQuery Multi module.

5. Place the entire Flux Slider directory into your Drupal modules
directory (normally sites/default/modules).

6. Enable the module by navigating to:

Admin > Modules

7. If you want anyone besides the administrative user to be able
to configure the Flux Slider (usually a bad idea), they must be
given the "administer flux slider" access permission:

Admin > People > Permissions

When the module is enabled and the user has the "administer
flux slider" permission, an "Flux Slider" menu should appear under
Admin > Structure in the menu system.

********************************************************************
Future plans:

  • Add support for multiple transitions.
  • Add user upload for adding/replacing images.
  • Add support for more/less images to be contained within the slider.
  • All anchor tag support within slides (suggested at https://drupal.org/node/2013098)
      -Add HTML straight into the caption field
  • Support Field API and Views (suggested at https://drupal.org/node/1944260)

Project information

Releases