Catalog108 / challenges / dynamic/lazy-images

Lazy-loaded images

intermediate Matching curriculum →

What this challenge teaches

Teaches: Images use data-src and a tiny placeholder src until scrolled into view. Plain scraping picks up placeholders.

Expected output: Trigger lazy-load (scroll or use IntersectionObserver-aware client) and read the real src after.

Submit your scraper's JSON output to /challenges/dynamic/lazy-images/grade (grader endpoint is part of a later phase; URL is reserved now).

Scroll down. Images use data-src; src is the placeholder until visible.

lazy 1 lazy 2 lazy 3 lazy 4 lazy 5 lazy 6 lazy 7 lazy 8 lazy 9 lazy 10 lazy 11 lazy 12 lazy 13 lazy 14 lazy 15 lazy 16 lazy 17 lazy 18 lazy 19 lazy 20 lazy 21 lazy 22 lazy 23 lazy 24 lazy 25 lazy 26 lazy 27 lazy 28 lazy 29 lazy 30