0.1.6-alpha • Published 5 years ago
loadlazy v0.1.6-alpha
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;
Authors and Acknowledgment
0.1.6-alpha
5 years ago
0.1.5-alpha
5 years ago
0.1.4-alpha
5 years ago
0.1.3-alpha
5 years ago
0.1.1-alpha
5 years ago
0.1.0-alpha
5 years ago