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