DevExtreme React - 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.
jQuery
JavaScript
$(function () { $("#galleryContainer").dxGallery({ dataSource: [ "https://js.devexpress.com/Content/images/doc/18_2/PhoneJS/person1.png", "https://js.devexpress.com/Content/images/doc/18_2/PhoneJS/person2.png", "https://js.devexpress.com/Content/images/doc/18_2/PhoneJS/person3.png" ], height: 300, slideshowDelay: 1500 }); });
Angular
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/18_2/PhoneJS/person1.png", "https://js.devexpress.com/Content/images/doc/18_2/PhoneJS/person2.png", "https://js.devexpress.com/Content/images/doc/18_2/PhoneJS/person3.png" ]; } @NgModule({ imports: [ // ... DxGalleryModule ], // ... })
See Also
Feel free to share topic-related thoughts here.
If you have technical questions, please create a support ticket in the DevExpress Support Center.
Thank you for the feedback!
If you have technical questions, please create a support ticket in the DevExpress Support Center.