Origami Frontend Components & Services

SassDoc: o-lazy-load

oLazyLoadTransition(class)

Add a fade-in transition effect, works best for <img> or <picture> elements

parameter type default description
class

Links

oLazyLoadPlaceholder(placeholderClass, targetClass)

Creates a placeholder to preserve space for lazy loaded content

parameter type default description
placeholderClass
targetClass

Links

o-lazy-load-placholder-ratios

List of placeholder aspect ratio class names to generate

Links

Switch component view

GitHub Repository

Install o-lazy-load

If using the Build Service, add o-lazy-load@^1.0.2 to your script and link tags.

If running a Manual Build, run bower install --save "o-lazy-load@^1.0.2".

Help & Support

o-lazy-load is maintained directly by the Origami team. If you have any questions about o-lazy-load or Origami in general, we are happy to help. 😊

Slack: #ft-origami
Email: origami.support@ft.com

Feedback / Issues

To report a bug or request features please create an issue on Github. For support or general feedback please get in touch 😊

Slack: #ft-origami
Email: origami.support@ft.com