Afbeelding inladen
Een snippet die laat zien hoe je een goede afbeelding plaatst die ook de mindere grote variant toont op kleine schermen.
HTML Code
html
<picture>
<source media="(max-width: 768px)" srcset="<?= $afbeelding['sizes']['medium'];?>">
<img src="<?= $afbeelding['url']; ?>" alt="<?= $afbeelding['alt'];?>" aria-label="" loading="lazy" width="300" height="150">
</picture>CSS Code
css
.image {
.cover-img;
}