DevExtreme jQuery - 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/19_1/PhoneJS/person1.png",
"https://js.devexpress.com/Content/images/doc/19_1/PhoneJS/person2.png",
"https://js.devexpress.com/Content/images/doc/19_1/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/19_1/PhoneJS/person1.png",
"https://js.devexpress.com/Content/images/doc/19_1/PhoneJS/person2.png",
"https://js.devexpress.com/Content/images/doc/19_1/PhoneJS/person3.png"
];
}
@NgModule({
imports: [
// ...
DxGalleryModule
],
// ...
})See Also
Feedback