demo_slideshow
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.
Recommended modules/libraries
- 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.