Code Snippets

2D Mode

var mg3d = new MosaicGallery(el, {
  useFullscreen:false,
  force2d:true,
  gal2d:{
    maxScale:0.75,
    distance:300
  }
});

Enable autoplay

var mg3d = new MosaicGallery(el, {
  useAutoplay:true
});

Change gallery width and height

var mg3d = new MosaicGallery(el, {
 galleryWidth:1000,
 galleryHeight:600
});

Full Width

<style>
   .rs-mg3d {
      width:100%;
   }
</style>

Add event handlers

mg3d.addEventListener('target', function(e) {
  console.log(e.detail);
});

mg3d.addEventListener('cload', function(e) {
  console.log(e.detail);
});

mg3d.addEventListener('cloadcomplete', function(e) {
  console.log(e.detail);
});

Create distributions

grunt dist

Build example files

grunt examples

Compile pug templates

grunt pug

Compile SASS

grunt compass

Watch files for changes

grunt watch