1.0.39 • Published 2 years ago

react-ui-lazyload-responsive-image v1.0.39

Weekly downloads
-
License
MIT
Repository
-
Last release
2 years ago

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

namedescriptiontypeoneofdefault
dataSetsa set of screen width store image informationobject
width or heightused to create the padding box behind the imageInteger
altthe description of imagestring
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