Overview

The Gallery is a widget that displays a collection of images in a carousel. The widget is supplied with various navigation controls that allow a user to switch between images.

View Demo

The following code adds the Gallery widget to your page. The simplest configuration of the widget requires only a dataSource and height to be specified.

HTML
<div id="galleryContainer"></div>
JavaScript
$(function () {
    $("#galleryContainer").dxGallery({
        dataSource: [
            "https://js.devexpress.com/Content/images/doc/16_2/PhoneJS/person1.png",
            "https://js.devexpress.com/Content/images/doc/16_2/PhoneJS/person2.png",
            "https://js.devexpress.com/Content/images/doc/16_2/PhoneJS/person3.png",
            "https://js.devexpress.com/Content/images/doc/16_2/PhoneJS/person4.png"
        ],
        height: 300
    });
});
See Also