You are here

README.txt in Image Lazy Loader 7

Please read this file - they contain answers to many common questions.

** Description:
Module to allow administrators/developers pick if an image should be loaded
normally or lazy-loaded in the 'Manage display', choose the animation when
images appear on window scroll, the duration and speed up the website avoiding
massive images rendering.

** Benefits:
Speed up the loading time - images are not rendered when a page loads.
Cool animation/effects when images appear.

** Installation:
- Unpack the Image Lazy Loader folder and contents in the appropriate modules
directory of your Drupal installation. This is probably sites/all/modules/
- Download the Lozad.js file from https://github.com/ApoorvSaxena/lozad.js.
Copy into the lozad folder inside the module.
- Download and copy the animate.css files from https://github.com/daneden/animate.css.
  Put inside the animate-css folder.
- Enable the Image Lazy Loader module in the administration tools.

** Configuration
Module uses animate.css (library of CSS animations) and includes it automatically.
If this library was loaded in the theme you can disable it within
/admin/config/media/image-lazy-loader to avoid duplicates.

** Credits:
Module developed and mantained by Omar Corbacho and Patricia Cano - frontend developers at Zoocha Ltd.
It uses the following libraries:
  - Animate.css - A cross-browser library of CSS animations
    https://daneden.github.io/animate.css/
  - Lozad.js - Lazy loads elements performantly using pure JavaScript
    https://apoorv.pro/lozad.js/

File

README.txt
View source
  1. Please read this file - they contain answers to many common questions.
  2. ** Description:
  3. Module to allow administrators/developers pick if an image should be loaded
  4. normally or lazy-loaded in the 'Manage display', choose the animation when
  5. images appear on window scroll, the duration and speed up the website avoiding
  6. massive images rendering.
  7. ** Benefits:
  8. Speed up the loading time - images are not rendered when a page loads.
  9. Cool animation/effects when images appear.
  10. ** Installation:
  11. - Unpack the Image Lazy Loader folder and contents in the appropriate modules
  12. directory of your Drupal installation. This is probably sites/all/modules/
  13. - Download the Lozad.js file from https://github.com/ApoorvSaxena/lozad.js.
  14. Copy into the lozad folder inside the module.
  15. - Download and copy the animate.css files from https://github.com/daneden/animate.css.
  16. Put inside the animate-css folder.
  17. - Enable the Image Lazy Loader module in the administration tools.
  18. ** Configuration
  19. Module uses animate.css (library of CSS animations) and includes it automatically.
  20. If this library was loaded in the theme you can disable it within
  21. /admin/config/media/image-lazy-loader to avoid duplicates.
  22. ** Credits:
  23. Module developed and mantained by Omar Corbacho and Patricia Cano - frontend developers at Zoocha Ltd.
  24. It uses the following libraries:
  25. - Animate.css - A cross-browser library of CSS animations
  26. https://daneden.github.io/animate.css/
  27. - Lozad.js - Lazy loads elements performantly using pure JavaScript
  28. https://apoorv.pro/lozad.js/