This project is not covered by Drupal’s security advisory policy.

Overview

Provides a responsive slideshow style option for Views using the jQuery ResponsiveSlides.js plugin.
Also planned to have as a field output formatter.

The responsiveslides.js library is included with this module (for now). Chances are it will be pulled out and use libraries to include it.

Features

As it relates to the library (taken from responsiveslides.com):

  • Fully responsive
  • 1kb minified and gzipped (responsiveslides.js library)
  • CSS3 transitions with JavaScript fallback
  • Simple markup using unordered list
  • Settings for transition and timeout durations
  • Multiple slideshows supported
  • Automatic and manual fade
  • Works in all major desktop and mobile browsers (see compatibility notes below)
  • Captions and other html-elements supported inside slides
  • Separate pagination and next/prev controls
  • Possibility to choose where the controls append to
  • Possibility to randomize the order of the slides
  • Possibility to use custom markup for pagination
  • Can be paused while hovering slideshow and/or controls
  • Images can be wrapped inside links
  • Optional 'before' and 'after' JS callbacks

Compatibility

ResponsiveSlides.js is tested with the following browsers (taken from responsiveslides.com):

  • Internet Explorer 6,7,8,9
  • Firefox 3,6,8,11
  • Safari 5,5.1
  • Chrome 15,20
  • Opera 11,11.6
  • iOS Safari
  • Symbian 3 Webkit
  • Opera Mobile 10.1
  • Opera Mini for iOS
  • IE7, IE9 Mobile
  • Firefox Mobile
  • Android 2.3+
  • Kindle browser

Skin me please

Calling all designers/skinners/bored people! Since this is such a plain, lightweight library, I am going to include a select list to choose an optional 'skin' along with the other configuration options.
If you want to give it a whirl, just open a new 'feature request' issue and include the CSS and/or .tpl file and an optional name for your skin. If no name is given, I will use your drupal.org username as the skin name.
The .tpl file I'm referring to would be an altered version of the file included with this module (responsiveslides/theme/responsiveslides.tpl.php) - the same file seen when looking at "Theme Information" for Style output in Views. This is not a necessary step for a custom skin, but this library certainly gives you some creative freedom if you want to create different HTML structure & placement for the nav/pager controls.

Notes

It says on http://responsiveslides.com that jQuery 1.6+ is supported, but I have tested with Drupal 7's default version (v1.4.4) with no issues.

Try the demo

http://drastikbydesign.com/demo/responsiveslides-demo

Project information

Releases