Drupal is a registered trademark of Dries Buytaert
drupal 11.3.7 Update released for Drupal core (11.3.7)! drupal 11.2.11 Update released for Drupal core (11.2.11)! drupal 10.6.7 Update released for Drupal core (10.6.7)! drupal 10.5.9 Update released for Drupal core (10.5.9)! cms 2.1.1 Update released for Drupal core (2.1.1)! drupal 11.3.6 Update released for Drupal core (11.3.6)! drupal 10.6.6 Update released for Drupal core (10.6.6)! cms 2.1.0 Update released for Drupal core (2.1.0)! bootstrap 8.x-3.40 Minor update available for theme bootstrap (8.x-3.40). menu_link_attributes 8.x-1.7 Minor update available for module menu_link_attributes (8.x-1.7). eca 3.1.1 Minor update available for module eca (3.1.1). layout_paragraphs 2.1.3 Minor update available for module layout_paragraphs (2.1.3). ai 1.3.3 Minor update available for module ai (1.3.3). ai 1.2.14 Minor update available for module ai (1.2.14). node_revision_delete 2.0.3 Minor update available for module node_revision_delete (2.0.3). moderated_content_bulk_publish 2.0.52 Minor update available for module moderated_content_bulk_publish (2.0.52). klaro 3.0.10 Minor update available for module klaro (3.0.10). klaro 3.0.9 Minor update available for module klaro (3.0.9). layout_paragraphs 2.1.2 Minor update available for module layout_paragraphs (2.1.2). geofield_map 11.1.8 Minor update available for module geofield_map (11.1.8).

Features

- Adds a custom field type "Image Slideshow".
- Allows uploading multiple images via a single field.
- Automatically renders the images as a responsive slideshow on the frontend.
- Supports modern JS libraries like Swiper.js or Slick Carousel.
- Configurable options per field instance: autoplay, delay, transition effect, etc.
- Can be added to any fieldable entity like nodes, paragraphs, etc.

Post-Installation

1. Go to Structure → Content types and edit an existing type (e.g., Article).
2. Add a new field and choose "Image Slideshow".
3. Configure slideshow settings (number of images, autoplay, delay, etc.).
4. Upload images when editing content.
5. On the frontend, the field will automatically render the uploaded images as a slideshow.
6. No additional configuration required unless using the optional config form.

Additional Requirements

- Drupal Core 10 or higher.
- Swiper.js or Slick Carousel must be added as a library in the /libraries folder or via CDN.
- If using the Libraries module, it must also be installed.

- Swiper.js: https://swiperjs.com/
- Slick Carousel: https://kenwheeler.github.io/slick/
- Libraries module (optional for managing JS libraries): https://www.drupal.org/project/libraries

Similar projects

- Field Slideshow (https://www.drupal.org/project/field_slideshow): Offers similar functionality but uses older libraries.
- Views Slideshow (https://www.drupal.org/project/views_slideshow): More complex and view-based.
- This module differs by being lightweight, field-based, and using modern JS libraries with no Views dependency.

Supporting this Module

You can support the development by:
- Reporting issues or feature requests on the GitLab issue queue.
- Contributing code or documentation.
- Sharing the module in the community.

Community Documentation

- GitLab README contains setup instructions and developer docs.
- A demo video and walkthrough guide will be added soon.
- For real-time discussions and updates, join the Drupal Slack or issue queue.

Activity

Total releases
1
First release
Apr 2025
Latest release
11 months ago
Release cadence
Stability
100% stable

Releases

Version Type Release date
1.0.0 Stable Apr 19, 2025