Lorem ipsum

window.addEventListener('load', function () { window.responsiveResizeObserver = new ResizeObserver((entries) => { entries.forEach(entry => { const imgWidth = entry.target.getBoundingClientRect().width; entry.target.parentNode.querySelectorAll('source').forEach((source) => { source.sizes = Math.ceil(imgWidth / window.innerWidth * 100) + 'vw'; }); }); }); document.querySelectorAll('[data-statamic-responsive-images]').forEach(responsiveImage => { responsiveResizeObserver.onload = null; responsiveResizeObserver.observe(responsiveImage); }); });

Voorbeeld nieuws item

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vestibulum placerat turpis a feugiat. Nunc lorem purus, feugiat ut placerat tincidunt, rutrum eu eros. Vestibulum interdum erat et sagittis porttitor. Nulla facilisis neque nisi, ac dignissim dui finibus id. Etiam ac sem est.

Lees dit artikel