Last updated July 18, 2015. Created on September 6, 2010.
Edited by bjlewis2, pkiff, magellen, rfay. Log in to edit this page.

This version introduced Views Slideshow Cycle, a combination of Views Slideshow, Thumbnailhover, and Views Slideshow SingleFrame.

Requirements

Installation

Several steps are necessary to install the Views Slideshow 3.x module:

  1. Ensure that you are using Views 3.x.
  2. Upload/install the Views slideshow 3.x module.
  3. Upload/install the Libraries API module.
  4. Create a sites/all/libraries directory on your server.
  5. Create a directory within sites/all/libraries named jquery.cycle.
  6. Download the latest minified version of the jQuery Cycle plugin: right-click and save link as jquery.cycle.all.min.js If that link doesn't work, look for the minified version on the Cycle FAQ. As a last resort, you can use the non-minified version from the jQuery Cycle plugin repository on github: download the file called jquery.cycle.all.js and rename it to jquery.cycle.all.min.js
  7. Upload/install the jQuery cycle plugin: place it inside the jquery.cycle directory.
  8. Enable the Views slideshow and Views Slideshow: Cycle modules
  9. You should now see the new views style option called "Slideshow"

Upgrading from 2.x

There is no supported upgrade path between Views slideshow 2.x and Views slideshow 3.x. If you need to upgrade, follow the steps listed here, and if you find deficiencies, please update this wiki. :)

  1. Ensure that you are using Views 3.x. (note: since 3.x is not the recommended version for D6, drush will not give you the 3.x version unless you specifically ask for it)
  2. Disable the views slideshow module, views slideshow thumbnail hover module, and views slideshow singleframe modules. (Disabling these modules should not require uninstalling)
  3. Delete/remove the Views slideshow 2.x module folder and all files within.
  4. Upload/install the Views slideshow 3.x module folder and all files within.
  5. Upload/install the Libraries API module.
  6. Create a sites/all/libraries directory on your server.
  7. Create a directory within sites/all/libraries named jquery.cycle
  8. Locate/download the jQuery cycle plugin from the internet.
  9. Upload/install the jQuery cycle plugin: place it inside the jquery.cycle directory.
  10. Enable the Views slideshow and Views Slideshow: Cycle modules
  11. Update all your views that were previously using the slideshow style. (note: updating from views 2.x to views 3.x may also break other parts of your view not related to slideshows, check everything especially number of items per page, and pager settings.)

External Tutorials

AttachmentSize
ViewsSlideshowOverview.jpg56.96 KB

Looking for support? Visit the Drupal.org forums, or join #drupal-support in IRC.

Comments

liz.oh’s picture

I guess I missed the day in kindergarten when we were all learning about javascript files. :( Everything seems to indicate that if I go to jQuery cycle plugin page there will be something there to download and extract. I clicked through, and eventually my browser opened up a page that ended in .js and had some code. So I copied and pasted that into a text file (using good old textwrangler, nothing crazy), created the required directory, and... I'm pretty sure it didn't work since my slider doesn't slide. I also think it isn't working because I tried the same with with json2 and the advanced options didn't unlock after I cleared my cache. I feel like I'm probably missing a really obvious step - can you point me in the right direction?

Edit: Someone in IRC suggested that I right-click and save the file instead of c&ping into my text wrangler file. I did that - still no success.

Edit2: Fixed it! It was a problem with my installation of libraries. My n00btastic lesson is here.

Cheers,

Liz
Stumbling along.

hbblogger’s picture

Hi, I've been though similar issues. I am using Views 3.3 with Views Slideshow 3.0. I have cleared the cache (numerous times) and uninstalled and re-installed the views and views slideshow. I have also tried using a different template (using Aqua Marina). None of this seems to help and views slideshow doesn't appear in the list of views under Vews.

Any suggestions??

Paul

vinmarv’s picture

I'm experiencing the exact same issue as well. Were you able to solve it already? I tried uninstalling everything including Views 3.3 and Chaos tools (except Libraries), and reinstalled Chaos tools, then Views 3.0, then Views Slideshow. jquery.cycle still intact in the folder as instructed. Still not working.

alexgill’s picture

The documentation for this is terrible and very misleading. The following is a guide to setting up Views slideshow.

http://www.ostraining.com/blog/drupal/views-slideshow-in-drupal-7/

captaingeek’s picture

yes the documentation is terrible I've spent way too much time trying to get this module working. Might I suggest the most basic instructions on getting this working simply to test the most functionality of the module? Also here's another idea, how about exporting the view settings so people can simply import a known working view?

karolus’s picture

I followed the instructions exactly, and did it with a new dev install to make sure I wasn't missing something--still no slideshow option in Views. I wonder if something changed when the module was last updated, perhaps?

dalanglois’s picture

Hi!

I get a bunch of errors on install when installing the module :

Notice: Undefined index: log in update_authorize_install_batch_finished() (line 235 of /home/artspdru/public_html/modules/update/update.authorize.inc).
Warning: Invalid argument supplied for foreach() in update_authorize_install_batch_finished() (line 235 of /home/artspdru/public_html/modules/update/update.authorize.inc).
Notice: Undefined index: log in update_authorize_install_batch_finished() (line 276 of /home/artspdru/public_html/modules/update/update.authorize.inc).
Notice: Undefined index: tasks in update_authorize_install_batch_finished() (line 277 of /home/artspdru/public_html/modules/update/update.authorize.inc).
Installation failed! See the log below for more information.

Anyone else got that too?

dalanglois’s picture

Well, it seems I got that working, by installing the "Link" module.
Shouldn't that be in the requirements?

Or installing a new module cleared/updated something that i missed

anyway, problem solved!

illtrax’s picture

Hello,

The black box that appears behind the text and overlays the image is too dark. I've searched all of the module files and can't find where it sets the transparency.

Anyone know how?

AuctionTeamster’s picture

warning: include() [function.include]: Failed opening './sites/all/modules/contrib/views_slideshow/contrib/views_slideshow_cycle/theme/views-slideshow-cycle-main-frame-row-item.tpl.php' for inclusion (include_path='.:/usr/lib/php:/usr/local/lib/php') in /home/antipoli/public_html/includes/theme.inc on line 1079.

Cant seem to figure out why I am receiving the above warning. This is working on another website, but whether I create (add) or import the result is the same. Any insight appreciated.

ossan’s picture

1. go to http://malsup.github.io/jquery.cycle.all.js
2. click 'save page as' on your browser
3. put this file in sites/all/libraries/jquery.cycle/
4. so it becomes sites/all/libraries/jquery.cycle/jquery.cycle.all.js
5. for good tutorial, go to: http://www.ostraining.com/blog/drupal/views-slideshow-in-drupal-7/

beto_beto’s picture

This is work for me
but be sure before

Creat the jquery.cycle folder on sites/all/libraries named jquery.cycle >> so it will be sites/all/libraries/jquery.cycle

and then download jquery.cycle.all.js and rename it to jquery.cycle.all.min.js

Upload/install the jQuery cycle plugin: place it inside the jquery.cycle directory

then Enable the Views slideshow and Views Slideshow: Cycle modules >> be sure that this is the last step !!!

pkiff’s picture

For others looking for current instructions, rather than using the non-minified version and renaming it as though it were the minified version, the recommended practice is to use the actual minified version of the jquery plugin. I've updated the instructions above to include a direct link to the minified version now.

The minified version should provide identical functionality to the non-minified version, but the minified version has been compressed to reduce the size of the file a site visitor must download. In the plugin version 3.03-a, the standard full plugin file is 52,027 bytes, the identical minified file is 34,702 bytes.