https://github.com/octavonce/reactive-gallery
A dynamic and responsive gallery made using react
https://github.com/octavonce/reactive-gallery
Last synced: about 2 months ago
JSON representation
A dynamic and responsive gallery made using react
- Host: GitHub
- URL: https://github.com/octavonce/reactive-gallery
- Owner: octavonce
- Created: 2017-02-12T14:51:01.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2017-02-21T13:17:36.000Z (about 8 years ago)
- Last Synced: 2025-01-29T23:41:29.552Z (4 months ago)
- Language: JavaScript
- Homepage:
- Size: 48.8 KB
- Stars: 0
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Setup
First, install nodemon globally:
`$ npm install -g nodemon`Then, install the dependencies:
`$ npm install`Start the server:
`$ npm start`# Usage
```javascript
const options = {
maxThumbnailWidth: 380,
maxThumbnailHeight: 200,
thumbnailRatio: '4:3',
background: '/some/background/path'
}gallery = reactiveGallery(options);
const images = [
'path1',
'path2',
'path3'
]// Create the gallery
gallery.createGallery(images, '#container');// Prepend image
gallery.prependImage(imagePath);// Append image
gallery.appendImage(imagePath);
```