KIM is JARIG

by bluesweater

HTML

<div style="position: relative; width: 688px; height: 750px; background: url(https://i.imgur.com/UxGqqm9.png);">
<img src="https://i.imgur.com/gqimbjL.png" usemap="#image-map">
	<div style="position: absolute; width: 217px; height: 385px; left: 422px; top: 205px; text-align: justify;">
				
      <div class="MTB_textBox tb1"><b><center>Valentijnsdagsetje<br><br></b>
        <img src = "https://i.ibb.co/1t93yYHK/vall.png" style="width: 65%;">
        </center>
      </div>
      <div class="MTB_textBox tb2"><b><center>Kerstsetje<br><br></b>
        <img src = "https://i.ibb.co/v4snt0JZ/kerst.png" style="width: 80%;"></a>
        </center>
      </div>

      <div class="MTB_textBox tb3"><b><center>MKL set<br><br></b>
        <img src = "https://i.ibb.co/Kp0NLM1f/dfgdsfdsf.png" style="width: 70%;"></a>
        </center>
      </div>

      <div class="MTB_textBox tb4"><b><center>Wicked Wardrobe set<br><br></b>
        <img src = "https://i.ibb.co/wFXNWrsg/firstoneidk.png" style="width: 130%;"></a>
        </center>
      </div>

      <div class="MTB_textBox tb5"><b><center>Be The Best set <br><br></b>
        <img src = "https://i.ibb.co/XkxBx7Pr/blepmlepcropped.png" style="width: 60%;"></a>
        </center>
      </div>

            <div class="MTB_textBox tb8"><b><center>Valentijnsdagsetje<br><br></b>
        <img src = "https://i.ibb.co/1t93yYHK/vall.png" style="width: 65%;">
        </center>
      </div>
      <div class="MTB_textBox tb6"><b><center>Kerstsetje<br><br></b>
        <img src = "https://i.ibb.co/v4snt0JZ/kerst.png" style="width: 80%;"></a>
        </center>
      </div>

      <div class="MTB_textBox tb10"><b><center>MKL set<br><br></b>
        <img src = "https://i.ibb.co/Kp0NLM1f/dfgdsfdsf.png" style="width: 70%;"></a>
        </center>
      </div>

      <div class="MTB_textBox tb7"><b><center>Wicked Wardrobe set<br><br></b>
        <img src = "https://i.ibb.co/wFXNWrsg/firstoneidk.png"...

JavaScript

$(document).ready(function() {
  $('.MTB_textBox').hide();
  $('.MTB_textBox.tb1').addClass('visible').show();
});

function goToNextTextBox(direction) {
  var boxes = $('.MTB_textBox');
  var current = $('.MTB_textBox.visible');
  var index = boxes.index(current);

  current.removeClass('visible').hide();

  var newIndex = (index + direction + boxes.length) % boxes.length;

  $(boxes[newIndex]).addClass('visible').show();
}