Lazy-Img

this is only a simple react lazy loading component. As the main purpose is to learn how to use npm publish.

In case someone may accidently dependent on the poor lib. Here is the Github where he/she can report bugs or just to tell the unsatisfactory :D

Install

npm install --save lazy-laod

Usage

Simply import and use it as a <img />

offsetcould be set to tell how many pixels to load image before the actual position.

import LazyLoad from 'lazy-load';
import React from 'react';

export default () => {
    return (
        <LazyLoad src={/**/} offset={200} />
    );
}

API

Properties | Description -|- src | the src of the image offset | if set, this will set a pilot to tell the browser to prefetch retry | retry times when the loading is fail. onLoadStart | expose a method to invoke when image start, success, fail to load. onLoadSuccess| onLoadFailed|

Browser Supporting

~~This component doesn't support IE, Safari and Oepera for the missing of IntersectionObserver API~~

I added an option to deal with those browser which doesn't support IntersectionObserver API