$ npm start
$ bower install --save photo-tiles
<head>
...
<!-- Bower -->
<link rel="stylesheet" href="${BOWER_DIR}/photo-tiles/dist/css/photo-tiles.min.css">
</head>
<body>
...
<div class="photo-tiles-container"></div>
<!-- Bower -->
<script type="text/javascript" src="${BOWER_DIR}/photo-tiles/dist/js/photo-tiles-min.js"></script>
<script>
PhotoTiles.initialize({
demoMode: true
});
</script>
</body>
<script>
PhotoTiles.initialize({
// optional; true launches demo.
demoMode: false,
// element used to generate the photo layout.
container: ".photo-tiles-container",
// true = start animation on load.
shouldPlay: true,
// how long before images shift.
transition: 2000,
// list of img urls to use in the photo tiles container.
photoList = [
"assets/images/demo/demo-image-1.jpeg",
"assets/images/demo/demo-image-2.jpeg"
...
]
});
</script>