<div id="website-carrousel">

  <iframe id="website-frame"

          src=""

          title="Roterende webpagina"

          loading="eager">

  </iframe>

  <div id="carrousel-controls">

    <button onclick="vorigePagina()">◀ Vorige</button>

    <button onclick="pauzeerCarrousel()" id="pauseButton">⏸ Pauze</button>

    <button onclick="volgendePagina()">Volgende ▶</button>

  </div>

  <div id="website-teller"></div>

</div>

<style>

  #website-carrousel {

const websites = [

  "https://mvlogten.nl/",

  "https://www.golfclubvught.nl/",

  "https://www.ngf.nl/",

  "https://www.rijksoverheid.nl/"

];