0.1.3 • Published 8 years ago
old-school-img-loader v0.1.3
Old School Image Loader
Example
View the live example
View the code for the live example
Usage
- install:
npm install --save old-school-img-loader
- import/require:
import OldSchoolImgLoader from 'old-school-img-loader';
var OldSchoolImgLoader = require('old-school-img-loader');
- use:
<OldSchoolImgLoader
src="https://fillmurray.com/300/300"
height={300}
width={300}
background="#262626"
boxsize={20}
loadTime={3000}/>
Required Props
src
: string. Your src will be passed to animg
tag directlyheight
: valid css height value. The height of yourimg
is required, to follow best practices in your HTML.width
: see height, but use the word width insteadbackground
: string. Make sure the background of your image loads the same color as the surrounding background. Required because it's not actually background, it's foreground masquarading as background.
Optional Props
boxsize
: integer. How big (in pixels) do you want the loading boxes to be. Default is 10px.loadTime
: integer. The approximate time in milliseconds you wish the total load time for the image to take. Approximate because screen painting time ultimately sets the lower limit.