Basic
A basic configuration with vertical scrolling:
- maxDistance: 4000
- rotationAngle: 0
- speed: 2
- boxThickness: 22
- orientation: 'vertical'
- viewAngle: -0.8
Light Theme
A setup with light theme, horizontal scrolling and rotationAngle:
- rotationAngle: 40
- duration: 2000
- easing: 'easeOutQuint'
- boxThickness: 20
- orientation: 'horizontal'
- viewAngle:0.4
Drag Control
An example using drag control, drag and release mouse vertically to accelerate scrolling speed, draggging is disabled on mobile devices:
- useFullscreen: false
- easing: 'easeOutQuint'
- duration: 2000
- rotationAngle: 40
- useMouseDrag: true
- speed: 2
- boxThickness: 20
- orientation: 'vertical'
- viewAngle: -0.4
Horizontal View
A simple horizontal scrolling gallery
- maxDistance: 4000
- rotationAngle: 0
- speed: 2
- boxThickness: 26
- viewAngle: -0.4
Full width
An example where the gallery expands 100% width
- maxDistance: 4000
- rotationAngle:0
- speed: 2
- orientation: 'vertical'
- viewAngle: -0.8
Flat View
A flat gallery with zero viewAngle and rotationAngle
- maxDistance: 4000
- rotationAngle: 0
- boxThickness: 20
- orientation: 'vertical'
- viewAngle: 0
2D Mode
The builtin 2D gallery mode, mainly used as fallback for unsupported browser
- useFullscreen: false
- force2d: true
- easing: 'easeOutQuint'
- duration: 2000
- gal2d: { maxScale:0.75, distance:300}