Themabewertung:
  • 0 Bewertung(en) - 0 im Durchschnitt
  • 1
  • 2
  • 3
  • 4
  • 5
Funktion um ein Bild anzuzeigen
#2
Moin Pilow,
leider sind da etliche Gedankenfehler drinne, aber ich werde das ganze mal für dich ordnen und Beisspielscripte basteln.

PHP-Code:
<!DOCTYPE html>
<
html lang="en">
<
head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Bild anzeigen</title>
    <style>
        img.full {
  position:   fixed;
  object-fitcontain;
  width:      calc(100% - 80px);
  height:     100%;
  }
    </style>
    <script>
        'use strict';
        var myButton;
        document.addEventListener('DOMContentLoaded', function() {
            myButton document.getElementById('myButton');
            myButton.addEventListener('click', () => {
                let myPic document.createElement('img');
                myPic.src myButton.dataset.file;
                myPic.classList.add('full');
                document.body.appendChild(myPic);
            });
        });
    </script>
</
head>
<
body>
    <?php
        $file 
"foto.jpg";
        echo "<button id=\"myButton\" data-file=\"".$file."\">";
    ?>
</body>
</html> 

VG

rzscout
"Gerne dürft ihr mir eine gute Bewertung da lassen aber auch gegenüber Kritik bin ich offen" Angel
Zitieren


Nachrichten in diesem Thema
Funktion um ein Bild anzuzeigen - von Pilow - 08.03.2023, 13:03
RE: Funktion um ein Bild anzuzeigen - von rzscout - 09.03.2023, 13:39
RE: Funktion um ein Bild anzuzeigen - von Pilow - 11.03.2023, 13:41
RE: Funktion um ein Bild anzuzeigen - von Pilow - 14.03.2023, 12:55

Gehe zu:


Benutzer, die gerade dieses Thema anschauen:
1 Gast/Gäste