1.0.39 • Published 2 years ago
react-ui-lazyload-responsive-image v1.0.39
Lazyload Image
Demo
npm install react-ui-lazyload-responsive-image
import LazyResponsiveImage from 'react-ui-lazyload-responsive-image';
<LazyResponsiveImage {...{
dataSets: {
0: { src: "https://fakeimg.pl/250x600/", width: 250, height: 600 },
1024: { src: 'https://fakeimg.pl/1024x500/', width: 1024, height: 500 }
},
alt: '123'
}}/>
Whats the image width and height doing? Create empty box when image is not visiable
name | description | type | oneof | default |
---|---|---|---|---|
dataSets | a set of screen width store image information | object | ||
width or height | used to create the padding box behind the image | Integer | ||
alt | the description of image | string |
1.0.39
2 years ago
1.0.38
2 years ago
1.0.22
2 years ago
1.0.21
2 years ago
1.0.20
2 years ago
1.0.26
2 years ago
1.0.25
2 years ago
1.0.24
2 years ago
1.0.23
2 years ago
1.0.29
2 years ago
1.0.28
2 years ago
1.0.27
2 years ago
1.0.33
2 years ago
1.0.32
2 years ago
1.0.31
2 years ago
1.0.30
2 years ago
1.0.37
2 years ago
1.0.36
2 years ago
1.0.34
2 years ago
1.0.18
2 years ago
1.0.17
2 years ago
1.0.16
2 years ago
1.0.15
2 years ago
1.0.11
2 years ago
1.0.10
2 years ago
1.0.14
2 years ago
1.0.13
2 years ago
1.0.12
2 years ago
1.0.9
2 years ago
1.0.8
2 years ago
1.0.7
3 years ago
1.0.6
3 years ago
1.0.5
3 years ago
1.0.2
3 years ago
1.0.4
3 years ago
1.0.3
3 years ago
1.0.1
3 years ago
1.0.0
3 years ago