---
title: carousel
framework: tvml
role: collectionGroup
path: tvml/carousel
---

# carousel

Arranges images in a row.

## Overview

Overview The carousel element displays images in a row that the user can navigate by swiping left and right on the remote. Here’s an example that creates a carousel containing three movie scenes that the user can navigate between. <carousel>     <section>         <lockup>             <img src="path to images on your server/Car_Movie_453x255_C.png" width="453" height="255" />             <title>Scene 1</title>         </lockup>         <lockup>             <img src="path to images on your server/Car_Movie_500x600.png" width="500" height="600" />             <title>Scene 2</title>         </lockup>         <lockup>             <img src="path to images on your server/Car_Movie_308x308_B.png" width="308" height="308" />             <title>Scene 3</title>         </lockup>     </section> </carousel> Subelements of carousel section Elements that Use carousel collectionList showcaseTemplate

## Topics

### Valid TVML Attributes

- [binding](tvml/binding.md)
- [prototype](tvml/prototype.md)
- [theme](tvml/theme.md)

## See Also

### Container Elements

- [grid](tvml/grid.md)
- [imgDeck](tvml/imgdeck.md)
- [infoTable](tvml/infotable.md)
- [organizer](tvml/organizer.md)
- [row](tvml/row.md)
- [section](tvml/section.md)
- [stack](tvml/stack.md)
- [shelf](tvml/shelf.md)