# Image Carousel

## 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&#x26;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&#x26;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
}
```