Aber wenn man da sowieso ran muss, kann man auch gleich das Vorschaubild dort eintragen anstatt dieses als Hintergrundbild zu setzen. In meinem Codepen sieht’s jetzt so aus:
// show enlarged preview image while big image is being loaded lightboxImage.src = lightboxThumbnail.src; requestAnimationFrame(() => { lightboxImage.src = lightboxThumbnail.dataset.src ?? lightboxLink.href; });
Warum an der Stelle requestAnimationFrame, wenn man doch zunächst einen Ladevorgang initiiert?