VRT Carousels

This page displays the different varieties of Carousel available on the Digital Commons platform. It serves as a baseline for visual regression testing when code is deployed to the platform. Note that not every combination shown is desirable or a best practice.

Container, Letterbox, 2 slides, autoplay

id=#B1

Container, Widescreen, 2 slides

id=#B2

Container, Widescreen, 2 slides, 1 hidden

If the first slide is hidden, none show unless manual navigation is used.

id=#B3

Container, Widescreen, 2 slides, 1 hidden

id=#B4

Container, Widescreen (Default)

id=#B5

Container, Widescreen (Default), no fields

id=#B6

Container, Letterbox, 1 slide

id=#B7

Full width, Widescreen

id=#B8

Container, Widescreen (Default), background image full bleed

id=#B9

Some white space

Full-width, Widescreen. Slide and background image both full bleed

id=#B10

Some white space

Container, Widescreen (Default), background image with no image style

id=#B11