Article

heroImg

Displays an image that is usually large and detailed.

Overview

The heroImg element contains a link to an image that is to be displayed. This element is commonly used to display a picture of a product inside of a banner. Here's an example of a heroImg element used to promote a movie.

<heroImg src="path to images on your server/Car_Movie_720x1080.png" />

Contained In

Topics

Valid TVML Styles

border-radius

Changes the shape of an element's corner.

height

Specifies the height of an element.

margin

Specifies the spacing around an element.

width

Specifies how wide an element is.

Valid TVML Attributes

accessibilityText

Adds hidden text to an element that is used when VoiceOver is enabled.

binding

Associates information in a data item with an element.

contentsMode

Specifies how an image is expanded to fill its containing element.

height

Specifies the maximum height for an image.

opaque

Indicates whether an image has a transparent background.

prototype

Associates a data item type with an element.

src

Specifies the URL for an image.

srcset

Specifies multiple URLs for an image.

width

Specifies the maximum width for an image element.

theme

Sets the color scheme for an element.

See Also

Image Elements

decorationImage

Displays images inside of other elements.

fullscreenImg

Displays an image over an entire element.

img

Displays an image.