v2.7.1

Fixed

• GitHub Action workflow

v2.7.0

New

• Accessibility improvements #122
• Sizes attribute to properly handle responsive images #123
• Programmatically set focus on figure elements on slide change #125

Fixed

• srcset before src to avoid loading images twice #123
• scroll to top when opening lightbox #124

THX @mably

v2.6.6

Fixed

• Previous release regression

v2.6.5

Fixed

• Reset zoom in any case on cleanup from 2.6.0 #121

v2.6.4

Fixed

• Next button after 2nd slide regression from 2.6.0

v2.6.2

Fixed

• GitHub Action workflow

v2.6.1

Fixed

• Single tap cycle on mobile not working in some cases
• Some elements on demo page were broken
• Allow Node 18 again

v2.6.0

New

• Pinch zoom feature for touch devices #118
• Double click and wheel zoom with mouse/touch clamped pan #118
• Delayed tap on mobile for prev/next navigation #119

Fixed

• Not clickable close() region above slider 4a4d97b

v2.5.0

New

• Apply opacity to buttons on :hover #102
• Change opacity on close button #108
• Support for audio element #107
• Bigger inline content in demo 985d9ec
• Introduce captionHTML parameter #88
• Replace em function #89

Fixed

• Big local video elements #107
• Missing close button in rare cases #104
• Update lightbox on remove element #100
• Adding/removing elements dynamically #93
• YouTube link in demo 45837bf

v2.4.0

Changes

• tobii.mjs -> tobii.modern.js

Fixed

• All CSS custom properties are now prefixed with --tobii- to avoid conflicts (e.g. --tobii-base-font-size instead of --base-font-size: 18px).

Deprecated

• Unprefixed forms of CSS custom properties are deprecated and will no longer be supported in the next major release. Update now by adding the --tobii- prefix to your variables:
  • Before: --base-font-size: 18px;
  • After: --tobii-base-font-size: 18px;