Image Lazy Loading - Directive

ionic-v1
12

Hi everyone,

I’ve actually made some cool changes to Pavei’s awesome image lazy load directive to fit my needs:

  • Possibility to have a ionic spinner while the image load
  • Added 2 parameters to specify a distance from the bottom and right of the screen where the image will start loading
  • Possibility to use a background-image instead of an image element.

Pavei has merged it in his code so it’s available here: https://github.com/paveisistemas/ionic-image-lazy-load

Here is a demo:

See the Pen Thumbnail List - With Lazy Image Loading by Michel Vidailhet (@mvidailhet) on CodePen.

Hope you’ll find it useful.

Cheers!

2 Likes