vskyny / react-photo-gallery Goto Github PK

• Stateless, responsive, accessible, and highly customizable
• Maintains the original aspect ratio of your photos
• Uses actual image elements, optionally pass in srcSet and sizes attributes
• Supports passing in a custom image component for implementation of things like image selection, favorites, captions, or whatever your little heart desires!

http://neptunian.github.io/react-photo-gallery/

• Basic
• With Lightbox
• Dynamic Columns
• Selection using custom ImageComponent
• Sortable with drag and drop

To build some examples locally, run:

npm install
npm start

Then open localhost:8000 in a browser.

To install:

npm install --save react-photo-gallery

import Gallery from 'react-photo-gallery';

export default class Sample extends React.Component {
    render() {
	return (
	    <Gallery photos={PHOTO_SET} />
	);
    }
}
const PHOTO_SET = [
  {
    src: 'http://example.com/example/img1.jpg',
    width: 4,
    height: 3
  },
  {
    src: 'http://example.com/example/img2.jpg',
    width: 1,
    height: 1
  }
];