Specifies how an image is displayed.


Use the mode attribute to define how an image is displayed in the oneupTemplate and showcaseTemplate elements. The showcaseTemplate element can only use the showcase oneup attribute value. The oneupTemplate can only use the oneup caption attribute value. Clicking an image alternates between the selected modes. Here's an example that displays images in showcaseTemplate in showcase mode:

    <showcaseTemplate mode="showcase">
            <img src="path to images on your server/Car_Movie_1920x1080.png" />
                    <img src="path to images on your server/Car_Movie_453x255_C.png" width="453" height="255" />
                    <title>Scene 1</title>
                    <img src="path to images on your server/Car_Movie_500x600.png" width="500" height="600" />
                    <title>Scene 2</title>

Values for mode

showcase oneup

Image alternates between the actual image size and a fullscreen image.

oneup caption

Image alternates between a fullscreen image with or without a caption below the image.

Elements that Use mode

See Also

Image Display


Stretches an image to fill the containing bounding box.


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


Indicates whether an image has a transparent background.


Specifies how a badge is drawn.


Specifies the value used for a fillable element.