JavaScript/jQuery Gallery - Overview

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

View Demo

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

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