![[ICO]](/icons/blank.gif){kind=icon}
![[PARENTDIR]](/icons/back.gif){kind=icon}
![[DIR]](/icons/folder.gif){kind=icon}
![[ ]](/icons/unknown.gif){kind=icon}
![[TXT]](/icons/text.gif){kind=icon}
| Name | Last modified | Size | Description |
|---|---|---|---|---|
| Parent Directory | - | ||
| css/ | 2023-07-13 08:47 | - | |
| js/ | 2023-07-13 08:47 | - | |
| templates/ | 2023-07-13 08:47 | - | |
| config/ | 2023-07-13 08:47 | - | |
| modules/ | 2023-07-13 08:47 | - | |
| src/ | 2023-07-13 08:49 | - | |
| tests/ | 2023-07-13 08:49 | - | |
| composer.json | 2023-07-27 06:03 | 648 | |
| LICENSE.txt | 2023-07-27 06:03 | 18K | |
| README.html | 2023-07-27 06:03 | 6.3K | |
| README.md | 2023-07-27 06:03 | 4.8K | |
| views_slideshow.info.yml | 2023-07-27 06:03 | 432 | |
| views_slideshow.libraries.yml | 2023-07-27 06:03 | 664 | |
| views_slideshow.developer-documentation.php | 2023-07-27 06:03 | 1.2K | |
| views_slideshow.module | 2023-07-27 06:03 | 4.3K | |
| views_slideshow.theme.inc | 2023-07-27 06:03 | 14K | |
| views_slideshow.services.yml | 2023-07-27 06:03 | 702 | |
Views Slideshow can create slideshows out any content on your Drupal site - whether that is images, images on content or full rendered entities. The views_slideshow module provides a base/plugin system/api for building full featured slideshows within the Views UI. This project also includes a module implementing that base; views_slideshow_cycle. For most users, you’ll just want to enable both of them and install pre-reqs. For advanced users you can create your own implementation - and there are other implementations for Drupal 7 available (see below).
Built in and most/all of the implementations are powered by jQuery, and are highly customizable: you may choose slideshow settings for each View display you create.
Install as you would normally install a contributed Drupal module. See the Drupal 8 Instructions if required in the Drupal documentation for further information. Note there are two modules included in this project; Views Slideshow & Views Slideshow Cycle. In most cases you will need/want to enable both of them.
If you are using the Views Slideshow Cycle sub-module, you will also need to install some JavaScript libraries. The required libraries are:
/libraries/jquery.cycle/libraries/json2/libraries/jquery.hoverIntent/libraries/jquery.pauseIt is recommended to use Drush to automatically install the requirements to the right spot. To install all of the libraries to the right places, run drush dl-cycle-lib.
If you don’t have Drush available, or would prefer to install manually, you can do so. An example of code you could run in your Drupal root dir to download to the right place:
mkdir -p libraries/jquery.cycle && cd $_ && wget https://malsup.github.io/jquery.cycle.all.js \
&& mkdir -p ../../libraries/jquery.hoverIntent && cd $_ && wget https://raw.githubusercontent.com/briancherne/jquery-hoverIntent/master/jquery.hoverIntent.js \
&& mkdir -p ../../libraries/json2 && cd $_ && wget https://raw.githubusercontent.com/douglascrockford/JSON-js/master/json2.js \
&& mkdir -p ../../libraries/jquery.pause && cd $_ && wget https://raw.githubusercontent.com/tobia/Pause/master/jquery.pause.jsConfiguration is on a per view/display basis.
Most standard views settings will work fine in conjunction with Views Slideshow. However, grouping may or may not work. Under most use cases the pager should be set to either Display a specified number of items or Display all.
To get started configuring your slideshow, set Slideshow as the display format and configure the slideshow as desired under Format Settings. Next select the Skin - usually Default (only one provided with the module). Then select the Slideshow Type; for most users, this will just be cycle with the views_slideshow_cycle module.
Below that, there is a lot of different options which should have better documentation.
Current maintainer:
Past maintainers:
vbouchet Initial 8.x port
Also, thanks to the many contributors via the issue queues.