Fotomasker

• Plaats programmatorisch het fotonummer van elke foto in een div-tag. Voeg deze achteraan de li-tag toe.
  Bijvoorbeeld: voor de eerste foto in de lijst
  <li class="foto"><img src="https://picsum.photos/200/200/?1" width="200" height="200" alt="1"></li>
  wordt dit:
  <li class="foto"><img src="https://picsum.photos/200/200/?1" width="200" height="200" alt="1"></li><div>Foto 1</div></li> .
• Verberg default alle afbeeldingen. Enkel de tekst Foto x is zichtbaar.
• Bij een mouseenter op de li-tag verdwijnt de tekst dadelijk en komt de foto langzaam tevoorschijn.
• Bij een mouseleave op de li-tag verdwijnt de foto dadelijk en komt de tekst langzaam tevoorschijn.