Skip to content

Diaporama

Lecture automatique pour les collections d'images.

image

Aperçu

Props & interactive options

Prop Type Défaut Description Essayer
enable_slideshow url param 0 Expose the slideshow play/pause button (also enables loop).
slideshow_duration url param 5 Seconds each image stays on screen (2–15).
collection_display_mode url param drawer Collection navigation layout: drawer, bottom-bar, or sidebar.
Les navigateurs bloquent la lecture automatique avec le son. Activer auto_play active automatiquement muted pour permettre le démarrage ; le visiteur peut ensuite réactiver le son manuellement.

Essayez dans le player

Pause au survol

The slideshow pauses automatically when the pointer enters the viewer and resumes when it leaves, so viewers can linger on an image without losing their place.

Documentation

Expose a slideshow play/pause button in the toolbar that lets viewers cycle automatically through the collection. Each image stays on screen for slideshow_duration seconds and the viewer cross-fades between them. Enabling the slideshow also makes the collection loop at the end. The transition respects prefers-reduced-motion and falls back to instant switches for viewers who opted out of animations. Note: enable_slideshow=1 only exposes the button — viewers start playback by clicking it.

Code

HTML

Questions fréquentes

Non. Le viewer utilise l'API Page Visibility pour se mettre en pause lorsque l'onglet est masqué et reprend automatiquement quand il redevient visible, ce qui économise le CPU et respecte la concentration des visiteurs.

Par défaut, le diaporama reboucle sur la première image. Un futur paramètre loop=0 permettra de s'arrêter à la dernière image et d'afficher à la place un bouton « Recommencer ».