This module provides a field formatter for image fields that renders them as a responsive Bootstrap Carousel. It supports multiple images, configurable carousel settings like interval and navigation, image styles, and captions from image alt and title text.
The Bootstrap Carousel Image Formatter is a lightweight Drupal module that provides a field formatter for Image fields, allowing them to be rendered as a responsive Bootstrap Carousel.
Features
- Render multiple image fields as a sliding carousel.
- Configurable carousel settings: interval, pause on hover, wrap, and keyboard navigation.
- Support for Image Styles.
- Captions support using image 'Alt' and 'Title' text.
- Fully responsive
Installation
Download and install the module as you would any other Drupal module.
Ensure you have a Bootstrap-based theme installed or the Bootstrap library loaded in your environment.
Configuration
Go to Structure > Content types and select Manage display for your desired content type.
1. Locate your multi-value Image field.
2. Change the formatter to Bootstrap Carousel.
3. Click the cogwheel icon to configure specific carousel settings:
- Image style: Choose the style to apply to images.
- Interval: Amount of time to delay between items.
- Controls: Show/Hide Next and Previous arrows.
- Indicators: Show/Hide slide indicators.