Javascript kan dingen die PHP niet kan. En ik kan geen javascript. Daarom vraag ik hier om hulp:
Ik heb een functie nodig die een afbeelding weergeeft zoals HTML zou doen met de instructie "<img class='full' src='foto.jpg'>".
Hoe moet ik de volgende code completeren om dit te bereiken?

<style>
img.full {
  position:   fixed;
  object-fit: contain;
  width:      calc(100% - 80px);
  height:     100%;
  }
</style>

<script>
  function picture($pic)
  {
  }
</script>

<?php
  $file="foto.jpg";
  echo "<button onclick='picture($file)'>Click</button>";
?>
Ik heb het probleem met het lege kader opgelost door aan het begin een afbeelding weer te geven:
<body onload="picture('foto.php')">

Het is me echter niet gelukt om een ??animatie met keyframes toe te voegen aan de style van de foto.
Wat lukt er niet aan? Wat wil je bereiken?
Ik wil een vloeiende fade-in bereiken, zoals met deze style-specificatie:

@keyframes fade-in { from { opacity: 0; } to { opacity: 1; } }


Reageren