Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

react-image-gallery

Package Overview
Dependencies
Maintainers
1
Versions
113
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-image-gallery - npm Package Compare versions

Comparing version 0.1.3 to 0.1.4

2

package.json
{
"name": "react-image-gallery",
"version": "0.1.3",
"version": "0.1.4",
"description": "Image gallery component for React.JS",

@@ -5,0 +5,0 @@ "main": "./build/image-gallery",

# react-image-gallery
React Immage Gallery
Responsive image gallery, slideshow, carousel
## Install
```sh
npm install react-image-gallery
```
## Demo & Examples
Live demo: [`linxtion.com`](http://linxtion.com)
To build the examples locally, run:
```
npm install
gulp dev
```
Then open [`localhost:8001`](http://localhost:8001) in a browser.
## Use
### SASS
```
@import "../node_modules/react-image-gallery/src/ImageGallery";
```
### CSS
```
<link rel="stylesheet" href="/image-gallery.css"/>
```
### JS
```js
var ImageGallery = require('react-image-gallery');
var images = [
{
original: 'http://lorempixel.com/1000/600/nature/1/',
thumbnail: 'http://lorempixel.com/250/150/nature/1/'
},
{
original: 'http://lorempixel.com/1000/600/nature/2/',
thumbnail: 'http://lorempixel.com/250/150/nature/2/'
},
{
original: 'http://lorempixel.com/1000/600/nature/3/',
thumbnail: 'http://lorempixel.com/250/150/nature/3/'
}
];
render: function() {
return (
<ImageGallery items={images}/>
);
}
```
# Props
* `items`: Array of images,
* `showThumbnails`: Boolean, default true
* `showBullets`: Boolean, default false
# License
MIT
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