react-grid-gallery
Advanced tools
Comparing version 0.2.5 to 0.2.6
# react-grid-gallery | ||
### v0.2.6 / 2016-10-25 | ||
* Added acknowledgements to docs. | ||
* Fixed [unitless style warning](https://github.com/benhowell/react-grid-gallery/pull/9). Thanks @szromek. | ||
### v0.2.5 / 2016-09-26 | ||
@@ -4,0 +10,0 @@ |
@@ -162,6 +162,6 @@ 'use strict'; | ||
position: "absolute", | ||
minHeight: "0", | ||
minHeight: "0px", | ||
maxHeight: "160px", | ||
width: "100%", | ||
bottom: "0" | ||
bottom: "0px" | ||
} }, | ||
@@ -168,0 +168,0 @@ tags |
{ | ||
"name": "react-grid-gallery", | ||
"version": "0.2.5", | ||
"version": "0.2.6", | ||
"description": "Justified gallery component for React.", | ||
@@ -38,6 +38,8 @@ "main": "lib/Gallery.js", | ||
"lightbox", | ||
"images", | ||
"image", | ||
"gallery", | ||
"selectable", | ||
"justified" | ||
"justified", | ||
"tags", | ||
"tagging" | ||
], | ||
@@ -44,0 +46,0 @@ "author": "Ben Howell", |
# React Grid Gallery | ||
Justified gallery component for [React](http://facebook.github.io/react/). | ||
Justified gallery component for [React](http://facebook.github.io/react/) based upon [React Images](https://github.com/jossmac/react-images) by [jossmac](https://github.com/jossmac). | ||
@@ -101,36 +101,2 @@ ## Live Demo & Examples | ||
### Using srcset: | ||
```jsx | ||
images={[{ | ||
src: 'http://example.com/example/img1.jpg', | ||
srcset: [ | ||
'http://example.com/example/img1_1024.jpg 1024w', | ||
'http://example.com/example/img1_800.jpg 800w', | ||
'http://example.com/example/img1_500.jpg 500w', | ||
'http://example.com/example/img1_320.jpg 320w', | ||
], | ||
thumbnail: 'http://example.com/example/thumbnailImg1.jpg', | ||
caption: "Image 1", | ||
thumbnailWidth: 180, | ||
thumbnailHeight: 320 | ||
}, | ||
{ | ||
src: 'http://example.com/example/img2.jpg', | ||
srcset: [ | ||
'http://example.com/example/img2_1024.jpg 1024w', | ||
'http://example.com/example/img2_800.jpg 800w', | ||
'http://example.com/example/img2_500.jpg 500w', | ||
'http://example.com/example/img2_320.jpg 320w', | ||
], | ||
thumbnail: 'http://example.com/example/thumbnailImg2.jpg', | ||
caption: "Image 2", | ||
thumbnailWidth: 240, | ||
thumbnailHeight: 165 | ||
} | ||
``` | ||
Read more about the srcset and sizes attributes here: [https://ericportis.com/posts/2014/srcset-sizes/](https://ericportis.com/posts/2014/srcset-sizes/). | ||
### General Notes | ||
@@ -159,2 +125,4 @@ | ||
* The following gallery functions were obtained from [jossmac](https://github.com/jossmac) from his demo for [React Images](https://github.com/jossmac/react-images) and as such are the copyright remains with him: closeLightbox, gotoNext, gotoPrevious, handleClickImage, openLightbox. | ||
* [cust0dian](https://github.com/cust0dian) for critical bug fixes in [PR 6](https://github.com/benhowell/react-grid-gallery/pull/6) and [PR 7](https://github.com/benhowell/react-grid-gallery/pull/7). | ||
@@ -161,0 +129,0 @@ |
@@ -122,6 +122,6 @@ import React, { Component, PropTypes } from 'react'; | ||
position: "absolute", | ||
minHeight: "0", | ||
minHeight: "0px", | ||
maxHeight: "160px", | ||
width: "100%", | ||
bottom: "0" | ||
bottom: "0px" | ||
}}> | ||
@@ -128,0 +128,0 @@ {tags} |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
439345
139