https://github.com/varararun/photo-tiles

Photo Tiles Demo
https://github.com/varararun/photo-tiles

bower-components demo grid layout photo-tiles

Last synced: 3 months ago
JSON representation

Photo Tiles Demo

• Host: GitHub
• URL: https://github.com/varararun/photo-tiles
• Owner: varararun
• License: other
• Created: 2017-02-02T03:41:51.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2017-02-26T20:06:37.000Z (over 9 years ago)
• Last Synced: 2026-03-09T07:31:12.998Z (3 months ago)
• Topics: bower-components, demo, grid, layout, photo-tiles
• Language: JavaScript
• Homepage: http://avarghese.me/photo-tiles
• Size: 862 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

          
[![GitHub version](https://badge.fury.io/gh/varararun%2Fphoto-tiles.svg)](https://badge.fury.io/gh/varararun%2Fphoto-tiles)

[![Build Status](https://travis-ci.org/varararun/photo-tiles.svg?branch=master)](https://travis-ci.org/varararun/photo-tiles) 

# PhotoTiles

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

### [Changelog](https://github.com/varararun/photo-tiles/wiki/Changelog)

### [Contribution Guidelines](https://github.com/varararun/photo-tiles/wiki/Contributing)  

### [Submitting Issues](https://github.com/varararun/photo-tiles/wiki/Issue-Template)  

### Run Demo on Your Machine

```bash

$ npm start

```  

### Install

```bash

$ bower install --save photo-tiles

```  

### Usage

~~~ javascript

 

    ... 

    

    

...



    PhotoTiles.initialize({

        demoMode: true

    });

~~~

### Customization

~~~ javascript

	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"

            ...

        ]

	});

 

~~~