Advanced

The Advanced tab is for behaviour and Joomla module chrome.

Diapo behaviour

• Keyboard: arrows, Home, End, and Space to toggle play when the slideshow is focused
• Swipe: drag on touch devices
• Swipe threshold (px): default 40
• Preload neighbours: Active only, One either side (default), Two either side, or All slides

Joomla fields

• Alternative layout
• Module Class Suffix
• Caching / Cache Time: HTML is static. Motion runs in the browser, so page cache is safe

Template override

Site templates can set CSS variables on .mod-diaposlideshow:

.mod-diaposlideshow {
  --diapo-accent: var(--template-color-primary, #0f766e);
  --diapo-font: inherit;
  --diapo-radius: 0;
  --diapo-border: none;
}