New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

react-grid-gallery

Package Overview
Dependencies
Maintainers
1
Versions
50
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-grid-gallery - npm Package Compare versions

Comparing version 0.2.5 to 0.2.6

6

CHANGELOG.md
# 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 @@

4

lib/Image.js

@@ -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

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc