Field Slideshow
8,191 sites
Security covered
This module provides a slideshow formatter for image fields, allowing you to create image slideshows within a single node using the jQuery Cycle plugin. It offers various customization options for transitions, speed, and navigation, and integrates with modules like Colorbox, Media, and Field Collection.
Overview
Provides a Slideshow formatter for Image fields, using JQuery Cycle plugin.
Compared to Views slideshows, building the slideshow from multiple nodes, this module builds it from a single node, with a multi-valued Image/Media/Field Collection field.
Available options
- Image style
- Caption
- Link
- Transition effect
- Transition speed
- Timeout
- Pager (numbers or thumbnails, with optional carousel)
- Prev/Next controls
Requirements
- Libraries API
- Jquery Cycle plugin
- JCarousel
Integration
This module plays well with:
- Colorbox (to enlarge images)
- Media (to provide the images to the slideshow, and use additional fields for captions and/or links)
- Field Collection (to provide the images to the slideshow, and use additional fields for captions and/or links)
- Imagefield Crop (as an alternative to the default Image field)
Tutorial
perisdr has written a small tutorial here.
Cycle2
I would like to inform all users that field_slideshow 8.3.x module now support Cycle2 plugin.
- use composer require 'drupal/field_slideshow:^3.x'
- Download the JQuery Cycle 2 plugin here :
https://github.com/zakgreene/cycle2/
(It is fork from original Cycle2 repo
which support the latest jQuery version)
(don't choose the Lite version), and move the downloaded
jquery.cycle2.min.js file into /libraries/jquery.cycle2/ - Optionally download swipe plugin from
http://malsup.github.io/min/jquery.cycle2.swipe.min.js - Install Drupal Colorbox module if you want to use colorbox modal.
- Read Roadmap 8.3
- And check README.txt file
- Field collections and any entity reference field are not supported, check issue