Tridi — Touch support

This docs is for Tridi v1.x. Read Tridi v2 documentation or how to upgrade to version 2.x

Tridi supports touch events out of the box with no configuration required. Touch support can be disabled by setting touch option to false.

Rotation speed for touch events can be adjusted by passing an integer to touchDragInterval option. Setting touchDragInterval does not affect dragInterval option which affects mouse events only. It is therefore possible to fine-tune rotation speeds for desktop and mobile users independently.


  • touch (boolean) - enables / disables touch events. Optional, defaults to true
  • touchDragInterval (number) - adjusts rotation speed. Higher number means more touchmove is required for a single rotation cycle. Optional, defaults to 2



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


new Tridi({
  element: '#tridi-touch',
  location: './path/to/image/folder',
  format: 'jpg',
  count: 36,
  touchDragInterval: 1

« Back to main page