Skip to content

Commit 65d98b8

Browse files
committed
Update readme, use picsum instead of lorempixel
1 parent 65dab1f commit 65d98b8

File tree

1 file changed

+11
-17
lines changed

1 file changed

+11
-17
lines changed

README.md

Lines changed: 11 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -27,26 +27,20 @@ React Image Gallery requires **React 16.0.0 or later.**
2727
```
2828
npm install react-image-gallery
2929
```
30-
### Style import
3130

31+
### Style import (with webpack)
3232
```
3333
# SCSS
34-
@import "node_modules/react-image-gallery/styles/scss/image-gallery.scss";
34+
@import "~react-image-gallery/styles/scss/image-gallery.scss";
3535
3636
# CSS
37-
@import "node_modules/react-image-gallery/styles/css/image-gallery.css";
38-
39-
# Webpack
40-
import "react-image-gallery/styles/css/image-gallery.css";
37+
@import "~react-image-gallery/styles/css/image-gallery.css";
4138
4239
# Stylesheet with no icons
4340
node_modules/react-image-gallery/styles/scss/image-gallery-no-icon.scss
4441
node_modules/react-image-gallery/styles/css/image-gallery-no-icon.css
4542
```
4643

47-
> When using webpack with css-loader, use `@import "~react-image-gallery/styles/scss/image-gallery.scss"` notation. [Read more abou it](https://github.com/webpack-contrib/css-loader#url)
48-
49-
5044
### Example
5145
Need more example? See [`example/app.js`](https://github.com/xiaolin/react-image-gallery/blob/master/example/app.js)
5246
```js
@@ -58,18 +52,18 @@ class MyComponent extends React.Component {
5852

5953
const images = [
6054
{
61-
original: 'http://lorempixel.com/1000/600/nature/1/',
62-
thumbnail: 'http://lorempixel.com/250/150/nature/1/',
55+
original: 'https://picsum.photos/id/1018/1000/600/',
56+
thumbnail: 'https://picsum.photos/id/1018/250/150/',
6357
},
6458
{
65-
original: 'http://lorempixel.com/1000/600/nature/2/',
66-
thumbnail: 'http://lorempixel.com/250/150/nature/2/'
59+
original: 'https://picsum.photos/id/1015/1000/600/',
60+
thumbnail: 'https://picsum.photos/id/1015/250/150/',
6761
},
6862
{
69-
original: 'http://lorempixel.com/1000/600/nature/3/',
70-
thumbnail: 'http://lorempixel.com/250/150/nature/3/'
71-
}
72-
]
63+
original: 'https://picsum.photos/id/1019/1000/600/',
64+
thumbnail: 'https://picsum.photos/id/1019/250/150/',
65+
},
66+
];
7367

7468
return (
7569
<ImageGallery items={images} />

0 commit comments

Comments
 (0)