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
3 years ago
1.0.22
3 years ago
1.0.21
3 years ago
1.0.20
3 years ago
1.0.26
3 years ago
1.0.25
3 years ago
1.0.24
3 years ago
1.0.23
3 years ago
1.0.29
3 years ago
1.0.28
3 years ago
1.0.27
3 years ago
1.0.33
3 years ago
1.0.32
3 years ago
1.0.31
3 years ago
1.0.30
3 years ago
1.0.37
3 years ago
1.0.36
3 years ago
1.0.34
3 years ago
1.0.18
3 years ago
1.0.17
3 years ago
1.0.16
3 years ago
1.0.15
3 years ago
1.0.11
3 years ago
1.0.10
3 years ago
1.0.14
3 years ago
1.0.13
3 years ago
1.0.12
3 years ago
1.0.9
3 years ago
1.0.8
3 years ago
1.0.7
3 years ago
1.0.6
4 years ago
1.0.5
4 years ago
1.0.2
4 years ago
1.0.4
4 years ago
1.0.3
4 years ago
1.0.1
4 years ago
1.0.0
4 years ago