promise-image-loader 0.1.2 • Public • Published 7 years ago promise-image-loader
Simple promise-based image loader.
Promise-image-loader is a tool designed to allow for easy image-loading, for cases where one must wait for an image to load.
import promiseImageLoader from ' promise-image-loader ' ;
promiseImageLoader ( ' https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png ' )
. then ( ( ) => console . log ( ' successfully preloaded! ' ) )
. catch ( console . error )
or
<! DOCTYPE html >
< html lang = " en " >
< head > < meta charset = " utf-8 " > </ head >
< body >
< script type = " text/javascript " >
promiseImageLoader ( document . querySelector ( ' img ' ) )
. then ( ( ) => alert ( ' image loaded! ' ) )
. catch ( console . error )
</ script >
< img src = " https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png " >
</ body >
</ html >
Installation
npm
$ npm install --save promise-image-loader
Polyfilling
This depends on Promises, which are not supported by older browsers. To get around this, I recommend using Polyfill.io which will target only the browsers that need polyfilling.
Package Sidebar Install npm i promise-image-loader
Downloads Weekly Downloads