Dit is een test artikel

Door Danny
april 2, 2025
Het gebruik van iframes kan een uitdaging zijn, vooral als het gaat om het responsive maken ervan. Gelukkig is er een oplossing: Iframe Resizer. In deze blog leer je hoe je deze tool installeert en gebruikt om probleemloos inhoud van andere pagina’s op je eigen website te tonen.
Door Danny
april 2, 2025

Wat is een iframe en waarom heb je een resizer nodig?

Een iframe is een HTML-element waarmee je inhoud van een andere pagina kunt insluiten op je eigen website. Hoewel dit handig is, kan het problemen veroorzaken zoals:

  • Onjuiste hoogte en breedte.
  • Geen optimale weergave op mobiele apparaten.
  • Scrollbalken die de gebruikservaring verstoren

 

De Iframe Resizer biedt een elegante oplossing door automatisch de hoogte en breedte van de iframe aan te passen aan de inhoud.

 

Hoe werkt de iframeResizer?

Deze twee bestanden werken samen om de iframe dynamisch te laten reageren op veranderingen.

  • iframe-resizer.child.js: Wordt toegevoegd aan de pagina waar je de iframe wilt insluiten.
  • iframe-resizer.parent.js: Wordt toegevoegd aan de bronpagina waarvan je de inhoud insluit.

Hulp nodig?

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus,

Vertrouwd door 50+ organisaties
No-cure no-pay garantie

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam quis lectus pharetra, venenatis arcu eleifend, viverra libero. Fusce nec tristique erat. Proin vel finibus dolor, tristique tempus lorem. Aenean congue suscipit dignissim. Integer sagittis velit dui, ut feugiat felis feugiat id.

Nulla vestibulum magna eu odio semper, vel porta libero volutpat. Aliquam blandit sodales rhoncus. Nulla porta velit nec lectus sagittis, sed consectetur sapien iaculis. Nam vel sagittis metus. Sed accumsan pulvinar arcu, et egestas enim porttitor eget. Fusce mi dui, iaculis in ornare a, dignissim id ligula.

Vertrouwd door 50+ organisaties

Klaar om winstgevend
te groeien?