pimage
progressive image loader component
Last updated 2 years ago by matheusrabelo .
MIT · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install pimage 
SYNC missed versions from official npm registry.

<PImage />

npm version Build Status

The image component for the next generation.

Demo

About

PImage is a React Progressive Image loader component.

Why you need this? Because you can have a image with multiple sources.

While your website is completing from loading, your user will get better and better images.

All with a configureless setup.

Install

$ npm install pimage

Usage

const lowQuality = 'http://lorempixel.com/200/200/animals/6';
const medQuality = 'http://lorempixel.com/800/800/animals/6';
const highQuality = 'http://lorempixel.com/1600/1600/animals/6';

<PImage srcs={[lowQuality, medQuality, highQuality]}/>

Roadmap

[ ] Add support to srcset

Contributions

Stars and contributions are welcome!

License

MIT

Author

Matheus Freire Rabelo

Current Tags

  • 0.1.1                                ...           latest (2 years ago)

2 Versions

  • 0.1.1                                ...           2 years ago
  • 0.1.0                                ...           2 years ago
Maintainers (1)
Downloads
Today 0
This Week 0
This Month 0
Last Day 0
Last Week 0
Last Month 1
Dependencies (0)
None
Dependents (0)
None

Copyright 2014 - 2016 © taobao.org |