Drupal is a registered trademark of Dries Buytaert
Protected Pages 3.0.0 Major update available for module protected_pages (3.0.0). Commerce Core 3.3.8 Minor update available for module commerce (3.3.8). Search API HTML Element Filter 1.0.7 Minor update available for module search_api_html_element_filter (1.0.7). Layout Builder Reorder 2.0.1 Minor update available for module layout_builder_reorder (2.0.1). Ban 1.1.0 Minor update available for module ban (1.1.0). Field Formatter Range 2.0.0 Major update available for module field_formatter_range (2.0.0). Field Formatter Range 8.x-1.8 Minor update available for module field_formatter_range (8.x-1.8). Varbase Media Header 9.2.1 Minor update available for module varbase_media_header (9.2.1). Search API Solr 4.3.11 Module search_api_solr updated after 14 months of inactivity (4.3.11). Provus Mega Menu Module provus_mega_menu crossed 1,000 active installs.

This module adds a custom field type that allows you to upload multiple images to be displayed as a responsive slideshow on your website. It supports modern JavaScript libraries and offers configurable options for autoplay, transitions, and more, and can be added to any content type.

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
1 year ago
Releases (12 mo)
0 ▼ from 1
Maintenance
Dormant

Releases

Version Type Release date
1.0.0 Stable Apr 19, 2025