README
npm i --save loadlazy
Lazyload image Library Create Lazyload Gallary with loadlazy
Features
-Create Lazyload image gallary
Command - Lines And Usage
npm i --save loadlazy
API:collision:
import Image from 'loadlazy';
Create Gallary With loadlazy
import React from 'react';
import { render } from 'react-dom';
import Image from 'loadlazy';
const imageTags = [
'water','snow','fire','rain','cat','dog','horse','lion','tiger','field','tree','palm','island','people','hand','world','temple',
'paris','rome','madrid','lisboa','berlin','food','drink',];
const Myimage = () => (
<div style={{display: 'grid',gridGap:'20px',gridTemplateColumns: 'repeat(auto-fit, minmax(200px, 1fr))'}}>
{imageTags.map((item, index) => (
<div style={{ height: '200px', overflow:'hidden',backgroundColor: '#eee' }} key={index}>
<Imagekey={index}src={`https://source.unsplash.com/random/300x300?${item}`} style={{ width: '100%' }}/>
</div>
))}
</div>
);
export default Myimage;