hakimel/reveal.js 5.2.0

on GitHub

New Feature: Lightbox

Any element in your presentation can now be turned into an image/video lightbox trigger. Clicking reveals a full-size lightbox overlay where users can view your image or video. This is great for things like clickable thumbnails in a gallery.

<!-- Click to show "A.png" in an overlay -->
<img src="A.png" data-preview-image>

<!-- Click show "B.png" in an overlay -->
<img src="A.png" data-preview-image="B.png">

<!-- Click to show "C.mp4" in an overlay and scale it to "cover" -->
<img src="A.png" data-preview-video="C.mp4" data-preview-fit="cover">

<!-- Works with any element type -->
<button data-preview-video="C.mp4">Play video</button>

Docs: revealjs.com/lightbox.

Here's what it looks like in action:

Changes

• Upgrade to gulp 5.0.
• Add controls: "speaker-only" config option for only showing controls in speaker view (@gpotter2 in #3716)
• Extend search API to include closeSearch and toggleSearch (@lechten in #3685)
• Automatic source code spellcheck via GitHub action (@yarikoptic in #3602)
• Math plugin now ignores code tags by default (@hakimel in 0d02d8a)
• Muted background videos now autoplay in the speaker view.
• Prevent initialize from being called twice (@hakimel in 16ac4b0)
• Auto-animate no longer skips matching fragments on adjacent slides (@hakimel in 6dea2a5)

Bug fixes

• Fix reveal.js not covering full viewport height in iOS by switching to 100dvh (@hakimel in 6cebb77)
• Fix background video restarting when switching fragments from notes view (#3633)
• Fix gulp package not working in gulp 5 (@dennybiasiolli in #3701)
• Fix last slide not triggering slidechange event in scroll view (@hakimel in fe4a6e8)

Full Changelog: 5.1.0...5.2.0