Code Snippets

2D Mode

1
2
3
4
5
6
7
8
var pc3d = new PhotoCloud(el, {
  useFullscreen:false,
  force2d:true,
  gal2d:{
    maxScale:0.75,
    distance:300
  }
});

Enable Mouse Dragging

1
2
3
var pc3d = new PhotoCloud(el, {
  useMouseDrag:true
});

Flat View

1
2
3
4
5
var pc3d = new PhotoCloud(el, {
  viewAngle:0
  maxDistance:4000,
  rotationAngle:0
});

Full Width

1
2
3
4
5
<style>
   .rs-pc3d {
      width:100%;
   }
</style>

Listen to events

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
pc3d.addEventListener('target', function(e) {
  console.log(e.detail);
});

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

pc3d.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 change

grunt watch