> For the complete documentation index, see [llms.txt](https://jolzee.gitbook.io/leopard/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://jolzee.gitbook.io/leopard/components/images/image-carousel.md).

# Image Carousel

Display an array of Images in a modal as a set of carousel images. This modal will also contain the answer text.

## Modal

### Screenshot

<div align="left"><img src="https://4062709520-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-La71Iy76rotlqbCOWoQ%2F-LaHBeDw9y6kvETZiDG-%2F-LaHBgpKm4aA0uM_TTfY%2Fimage-carousel.jpg?alt=media&amp;token=ec515545-f9d7-4618-bcaf-8c0a52af6833" alt=""></div>

### Output Parameter

```groovy
extensions = ${ExtensionHelper.displayImageCarousel(imageUrlArray,channel)}
```

### JSON

```javascript
{
	"name": "displayImageCarousel",
	"parameters": {
		"images": ["http://placeimg.com/640/360/any", "http://placeimg.com/640/360/any?u=2"]
	},
	"inline": false
}
```

## Inline

### Screenshot

<div align="left"><img src="https://4062709520-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-La71Iy76rotlqbCOWoQ%2F-Laq_uBxEUoP2jjcF52l%2F-Laqa46fCQRYaayYiMSa%2Finline-carousel.jpg?alt=media&amp;token=2379eaff-cbe9-40f0-a1c5-012c9c64b7ea" alt=""></div>

### Output Parameter

```groovy
extensions = ${ExtensionHelper.displayImageCarousel(imageUrlArray,channel,true)}
```

### JSON

```javascript
{
	"name": "displayImageCarousel",
	"parameters": {
		"images": ["http://placeimg.com/640/360/any", "http://placeimg.com/640/360/any?u=2"]
	},
	"inline": true
}
```