Tridi v2 — Mousewheel support

Looking for older version? Read Tridi v1 documentation here

Tridi offers an option to rotate images on mousewheel events. To enable this set mousewheel option to true.

By default, mousewheel events are triggered with passive option set to true, which minimizes performance impact. You can override this by setting passive option to false.


  • mousewheel (boolean) - enables / disables mousewheel events. Optional, defaults to false
  • passive (boolean) - if true, Tridi won't call event.preventDefault method on wheel events. Note that this may affect scrolling performance.



<div id="tridi-mousewheel"></div>


const tridiInstance = Tridi.create({
  element: '#tridi-mousewheel',
  location: './path/to/image/folder',
  format: 'jpg',
  count: 36,
  mousewheel: true,
  passive: false


« Back to main page