Lazy-loaded images

Some images use native loading="lazy"; others use data-src until scrolled into view.

Medium JavaScript

Patterns

Native lazy: img[loading="lazy"]
JS lazy: img.js-lazy[data-src] → src set on intersect
Caption: sibling .caption

Gallery

Coastal cliffs — Coastal cliffs at dusk

Mountain lake — Alpine lake reflection

City skyline — Night skyline (data-src)

Forest path — Forest path (data-src)

Desert dunes — Desert dunes (data-src)

Harbor boats — Harbor boats at noon

Neon street — Neon street (data-src)

Snow peaks — Snow peaks (data-src)

Scroll the page so JS-lazy images hydrate from data-src.