photo-tiles

0.1.4 • Public • Published

Build Status

PhotoTiles

Photo Tiles, JS implementation of Mac's Photo Tiles Screensaver

Run Demo on Your Machine

$ npm start

Installation

<head> 
    ... 
    <link rel="stylesheet" href="photo-tiles.min.css">
</head>
<body>
...
<script src="photo-tiles-min.js"></script>
<script>
    PhotoTiles.initialize({
        demo: true
    });
</script>
</body>
 
<div class="photo-tiles-container"></div>

Bower

$ bower install --save photo-tiles

Customization

<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: [
            "http://imgur.com/itHKFE9"
        ]
    });
</script> 

Readme

Keywords

Package Sidebar

Install

npm i photo-tiles

Weekly Downloads

0

Version

0.1.4

License

MIT

Last publish

Collaborators

  • var_arun