Basic

A basic gallery with default configurations
  • containerZ: -1800
  • carouselRadius: 1400
  • mode: 'flip'
  • centerShift: 400
  • verticalShift: -150
  • categoryMenu:{horizontal:true}
Launch

Light Theme

A light theme setup in main component and Media Viewer
  • containerZ: -1800
  • carouselRadius: 1400
  • mode: 'flip'
  • centerShift: 400
  • verticalShift: -150
  • categoryMenu:{horizontal:true}
Launch

Outward mode

Carousel outward mode
  • containerZ: -1800
  • carouselRadius: 1400
  • mode: 'flip'
  • centerShift: 400
  • verticalShift: -150
  • categoryMenu:{horizontal:true}
Launch

Inward mode

Carousel inward mode
  • containerZ: -1800
  • carouselRadius: 1400
  • mode: 'flip'
  • centerShift: 400
  • verticalShift: -150
  • categoryMenu:{horizontal:true}
Launch

Flat mode

Carousel flat mode
  • containerZ: -1800
  • carouselRadius: 1400
  • mode: 'flip'
  • centerShift: 400
  • verticalShift: -150
  • categoryMenu:{horizontal:true}
Launch

Audio gallery

Audio Gallery
  • containerZ: -1800
  • carouselRadius: 1400
  • mode: 'flip'
  • centerShift: 400
  • verticalShift: -150
  • categoryMenu:{horizontal:true}
Launch

Video gallery

Video Gallery
  • containerZ: -1800
  • carouselRadius: 1400
  • mode: 'flip'
  • centerShift: 400
  • verticalShift: -150
  • categoryMenu:{horizontal:true}
Launch

Full width

A full width gallery
  • containerZ: -1800
  • carouselRadius: 1400
  • mode: 'flip'
  • centerShift: 400
  • verticalShift: -150
  • categoryMenu:{horizontal:true}
Launch

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}
Launch