https://github.com/averagemarcus/photoframecomponent
Web Component based PhotoFrame
https://github.com/averagemarcus/photoframecomponent
Last synced: over 1 year ago
JSON representation
Web Component based PhotoFrame
- Host: GitHub
- URL: https://github.com/averagemarcus/photoframecomponent
- Owner: AverageMarcus
- Created: 2018-06-02T08:30:29.000Z (about 8 years ago)
- Default Branch: master
- Last Pushed: 2018-06-02T10:33:23.000Z (about 8 years ago)
- Last Synced: 2025-03-13T18:05:50.318Z (over 1 year ago)
- Language: JavaScript
- Homepage: https://www.npmjs.com/package/@averagemarcus/photo-frame
- Size: 29.3 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# PhotoFrameComponent
Web Component based PhotoFrame using [justified-layout](https://github.com/flickr/justified-layout) from [Flickr](https://github.com/flickr)
## Example usage
Source: https://glitch.com/edit/#!/photo-frame-component?path=index.html
Live Demo: https://photo-frame-component.glitch.me/
The page will slowly scroll through all images and then scroll back up once it reaches the bottom (on repeat). Clicking/tapping anywhere on the page will toggle fullscreen mode.
## Usage
1. Include a script reference to the module:
```js
```
2. Add a `` element to your page and fill it with images:
```html
```
## Configuration
**spacing** - Increase the space between images
```html
```
## Contributions
Contributions welcome!
Found a bug? [File an issue](https://github.com/AverageMarcus/PhotoFrameComponent/issues/new)
## Running locally
Once checked out:
1. `npm install`
2. `npm run build`
3. `npm run serve`