Skip to content

Image lazyload

Image lazy load

{% image slide.image fill-100x71 as imageSmall %}
{% image slide.image fill-829x585 as imageLarge %}

{% include "patterns/atoms/image/image--lazyload.html" with imageSmall=imageSmall width=829 height=585 imageLarge=imageLarge classList='slide__image' %}

tags:
  image:
    slide.image fill-100x71 as imageSmall:
      target_var: imageSmall
      raw:
        url: 'https://source.unsplash.com/100x71?ocean'
    slide.image fill-829x585 as imageLarge:
      target_var: imageLarge
      raw:
        url: 'https://source.unsplash.com/829x585?ocean'
        width: '829'
        height: '585'
Last update: 2025-04-08