nico-progressive-image

NProgressiveImage

NProgressiveImage is a progressive image loading plugin like medium effect

Features

• Small
• Simple
• No other dependencies

Installation

$ npm i nico-progressive-image

How to use it

<script src="../dist/nico-progressive-image.min.js"></script>
<script>
  window.onload = function() {
    new NProgressiveImage({
      container: '.content',
      items: '.nprogressive-image',
      widthAttr: 'data-width',
      heightAttr: 'data-height'
    })
  }
</script>

import NProgressiveImage from 'nico-progressive-image'

new NProgressiveImage({
  container: '.content',
  items: '.nprogressive-image',
  widthAttr: 'data-width',
  heightAttr: 'data-height'
})

Great thanks to http://www.quasimondo.com/StackBlurForCanvas/StackBlurDemo.html