flipgrid.js is a simple, content-focused photo gallery inspired by Microsoft's Metro interface and CSS 3D transitions.
Visit ericleong.github.io/flipgrid.js for a demo.
For those using bower
$ bower install flipgrid.js
First, add a reference to flipgrid.js
and flipgrid.css
in your <head>
:
<link rel="stylesheet" type="text/css" href="flipgrid.css" />
<script type="text/javascript" src="flipgrid.js"></script>
Then use it like this:
var flipgrid = new Flipgrid(<element>, <delay>);
flipgrid.addPhoto(<small url>, <large url>);