LazyImages

Loads images from data-src into src only when they scroll into view, with support for custom scrollbars

Live preview

Open in new tab ↗

Good to know:

The component tries to find all <img elements with data-src="" attribute and if the element is visible then the component will update src="" attribute with the value from data-src="" attribute.

Configuration:

  • type {String} a type (position or offset) for obtaining of position (default: position)
  • offsetter {String} optional, a parent selector for obtaining of position
  • customscrollbar {Boolean} have you used a custom scrollbar? (default: false)

More UI components

Browse all 348