Article

carousel

Arranges images in a row.

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

Elements that Use carousel

Topics

Valid TVML Attributes

binding

Associates information in a data item with an element.

prototype

Associates a data item type with an element.

theme

Sets the color scheme for an element.

See Also

Container Elements

grid

Arranges elements in a grid pattern.

imgDeck

Contains several images to be displayed at a later time.

infoTable

Displays contained element information in a vertical format, with each successive element directly below the previous element.

organizer

Creates a generic element with its contained elements arranged through TVML styles.

row

Displays elements horizontally.

section

Combines elements and acts as a single element.

stack

Groups and lays out elements vertically.

shelf

Displays elements horizontally and adds the ability to scroll to offscreen elements.