Funktion um ein Bild anzuzeigen

[Pilow]

Javascipt kann Dinge, die PHP nicht kann. Und ich kann Javascript nicht. Darum frage ich hier um Hilfe:
Ich brauche eine Funktion, die eine Abbildung so anzeigt, wie HTML es mit der Anweisung "<img class='full' src='foto.jpg'>" tun würde.
Wie sollte ich den folgenden Code ergänzen, um das zu erreichen?

Code:

<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>";
?>

[rzscout]

[Pilow]

Vielen Dank für die Hilfe. Ich habe nur eine kleine Änderung vorgenommen:

Code:

echo "<button id=\"myButton\" data-file=\"".$file."\">X</button>";   

Gefallen hat mir, dass ich den Image-Style außerhalb des Scripts ändern kann. Und so habe ich auch gleich ein Fade-in mittels Keyframes eingebaut.
Erstaunt hat mich allerdings, dass in Postscript so viele Anweisungen nötig sind.

[Pilow]

Nun habe ich doch noch ein Problem entdeckt: Mehrere Klicks auf verschiedene Bilder funktioniert nicht. Ich hab's mit folgendem Code probiert, aber nur der Klick auf -1- zeigt ein Bild an:

PHP-Code:

<?php 

  $file = "foto1.jpg";

  echo "<button id=\"myButton\" data-file=\"".$file."\">-1-</button>";

  $file = "foto2.jpg";

  echo "<button id=\"myButton\" data-file=\"".$file."\">-2-</button>";