DevExtreme Angular - Enable the Slideshow

The Gallery widget supports the display of images in a slideshow. To specify the time span that the widget must wait before moving on to the next image, assign a positive number to the slideshowDelay option. This number specifies the time span in milliseconds. If it is zero, slideshow is disabled.

HTML
TypeScript
  • <dx-gallery
  • [dataSource]="galleryDataSource"
  • [height]="300"
  • [slideshowDelay]="1500">
  • </dx-gallery>
  • import { DxGalleryModule } from "devextreme-angular";
  • // ...
  • export class AppComponent {
  • galleryDataSource = [
  • "https://js.devexpress.com/Content/images/doc/19_2/PhoneJS/person1.png",
  • "https://js.devexpress.com/Content/images/doc/19_2/PhoneJS/person2.png",
  • "https://js.devexpress.com/Content/images/doc/19_2/PhoneJS/person3.png"
  • ];
  • }
  • @NgModule({
  • imports: [
  • // ...
  • DxGalleryModule
  • ],
  • // ...
  • })
See Also