Basic

A basic gallery with default configurations
  • borderStyle: "4px solid white",
  • useMouseDrag: true
  • itemShadow: '0px 10px 15px 5px #111'
  • roundCorner: 10
  • viewAngleX: -15
  • categoryMenu:{horizontal:true}
Launch

Light Theme

A light theme with Media Viewer
  • borderStyle: '6px solid white'
  • itemShadow: '-4px 2px 4px #666'
  • useMouseDrag: true
  • itemDistance: 200
  • roundCorner: 10
  • viewAngleX: -10
Launch

Markup item

Using markup item
  • borderStyle: "4px solid white",
  • useMouseDrag: true
  • itemShadow: '0px 10px 15px 5px #111'
  • roundCorner: 10
  • viewAngleX: -15
  • categoryMenu:{horizontal:true}
Launch

View Angle 0

An example of setting viewAngle to 0, results in a traditional carousel design
  • borderStyle: "4px solid white"
  • useMouseDrag: true
  • itemShadow: '0px 10px 15px 5px #111'
  • roundCorner: 10
  • shiftDistance: 200
  • viewAngleX: 0
Launch

View Angle 60

An example of setting viewAngle to -60, results in a more unique carousel design
  • borderStyle: "4px solid white"
  • useMouseDrag: true
  • itemShadow: '0px 10px 15px 5px #111'
  • roundCorner: 10
  • shiftDistance: 200
  • viewAngleX: -60
Launch

Audio

An audio sample gallery with smaller carousel radius
  • borderStyle: "4px solid white"
  • useMouseDrag: true
  • itemShadow: '0px 10px 15px 5px #111'
  • carouselRadius: 600
  • shiftDistance: 300
  • roundCorner: 10
  • viewAngleX: -15
  • categoryMenu: {horizontal:true}
Launch

Video

A video sample gallery
  • borderStyle: "4px solid white"
  • useMouseDrag: true
  • itemShadow: '0px 10px 15px 5px #111'
  • roundCorner: 10
  • viewAngleX: -15
  • categoryMenu: {horizontal:true}
Launch

Generic Content

A carousel gallery with generic content including ajax, inline and embedded contents
  • borderStyle: "4px solid white"
  • useMouseDrag: true
  • itemShadow: '0px 10px 15px 5px #111'
  • roundCorner: 10
  • viewAngleX: -15
  • carouselRadius: 600
  • shiftDistance: 300
  • categoryMenu:{horizontal:true}
  • mediaviewer:{ajaxProcessor:function(...)}
Launch

Autoplay

A carousel gallery with autoplaying feature
  • borderStyle: "4px solid white"
  • useMouseDrag: true
  • itemShadow: '0px 10px 15px 5px #111'
  • roundCorner: 10
  • viewAngleX: -15
  • useAutoplay: true
Launch

Full Width

A carousel gallery extending 100% width
  • borderStyle: "4px solid white"
  • useMouseDrag: true
  • itemShadow: '0px 10px 15px 5px #111'
  • roundCorner: 10
  • viewAngleX: -15
  • mouseCam: true
  • categoryMenu: {horizontal:true}
Launch

2D Mode

The builtin 2D gallery mode, it can be used as fallback for old browsers or as main gallery
  • force2d:true
Launch