Royal Slider

A drupal integration of Dmitry Semenov's excellent Royal Slider which to my mind, is one of the best slider libraries out there (NB Royal Slider is a paid-for library).

An example (Not Drupal based) of the HTML-as-slides use of Royal Slider is shown here http://dimsemenov.com/plugins/royal-slider/content-slider/
.

This initial version of the module turns a set of blocks (or beans) in a specific region into a fixed height slider. This slider is only shown at a single path (Defaults to front).

In addition it only makes available a small sub-set of the Royal Slider settings. If you want to access to other settings make a feature request.

There are a large number of 'slider' modules available. Why make another one?

I needed three features, namely:

• Responsive layout
• HTML block content as slides
• Touch enabled

Royal Slider does all this and more! If you want more info on the range of slider modules available have a look at https://drupal.org/node/418616.

Installation

• Install Libraries API 2.x
• Install jQuery Update
• Download the Royal Slider library from http://codecanyon.net/item/royalslider-touchenabled-jquery-image-gallery...
• Unzip the file and rename the folder to "royalslider" (pay attention to the case of the letters)
• Put the folder in a libraries directory
  Ex: sites/all/libraries
• Ensure you have a valid path similar to this one for all files
  Ex: sites/all/libraries/royalslider/jquery.royalslider.min.js
• Install and enable royal_slider module!

Configuration

Assuming you have a region which contains several blocks!

1. Go to the config page, located at: admin/config/user-interface/royal-slider
2. Select the region
3. Select the theme
4. Set the height
5. Set the path