Responsively Lazy Versions Save

New:

• Add support for encoded image paths/urls.

Fixed:

• Fix loading not visible images and images with unknown sizes.

Brand new version! 🎉

New:

• Added support for AVIF
• Added configurable threshold
• Added lazy loading background images.
• Enabled debugging by setting a cookie value.
• Optimized image loading when multiple requested.
• Added argument to responsivelyLazy.run(element).

Changed:

• New HTML attributes.

Removed:

• Removed responsivelyLazy.isVisible()
• Removed the CSS file.
• Removed Bower config.

Additional image visibility check for browsers that support IntersectionObserver. Fixes non-displaying images in Chrome.

Double image loading fix.

Added support for elements in parents with scrollbars. Added data-onlazyload attribute.

Removed responsivelyLazy.hasChange property. Removed responsivelyLazy.hasWebPSupport property.

Updated element visibility detection using IntersectionObserver (only in Chrome for now). This improves performance and reliability. Some big fixes.

Unknown height images were not visible on browsers that do not support srcset. This release fixes it.

The default image can be specified by dropping the width value in the data-srcset attribute. If you write data-srcset="... images/1500.jpg 1500w, images/2000.jpg" the default image will be images/2000.jpg instead of the one in the src attribute.

WebP support

First version