+- Javascript-forum (https://javascript-forum.de)
+-- Forum: Entwicklung (https://javascript-forum.de/forumdisplay.php?fid=4)
+--- Forum: Javascript (https://javascript-forum.de/forumdisplay.php?fid=6)
+--- Thema: Funktion um ein Bild anzuzeigen (/showthread.php?tid=2212)
Funktion um ein Bild anzuzeigen - Pilow - 08.03.2023
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>";
?>RE: Funktion um ein Bild anzuzeigen - rzscout - 09.03.2023
RE: Funktion um ein Bild anzuzeigen - Pilow - 11.03.2023
Vielen Dank für die Hilfe. Ich habe nur eine kleine Änderung vorgenommen:
Code:
echo "<button id=\"myButton\" data-file=\"".$file."\">X</button>"; Erstaunt hat mich allerdings, dass in Postscript so viele Anweisungen nötig sind.
RE: Funktion um ein Bild anzuzeigen - Pilow - 14.03.2023
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>";