[JS/HTML/PHP]Bild auf Screenbrreite skallieren.

    Hi. Wie kann ich das Bild auf die Breite des Bildschirms skallieren? Habe es nun so probiert was allerdings nicht klappt...


    JavaScript
    <script type="text/javascript">
                    <?php $screenWidth ?> = document.clientWidth;
            </script>


    Und

    HTML
    <img src="/Bilder/Header.png" style="width: <?php $screenWidth ?>" alt="Header">


    Das Bild wird angezeigt aber es wird nicht skalliert.


    MFG Acrio

    Du musst bedenken, das erst PHP ausgeführt wird, dann wird der HTML-Code generiert, und erst dann wird Javascript clientseitig ausgeführt. D.h du kannst keine JS Variablen an PHP übergeben.
    Eigentlich ist PHP in dem Falle auch überflüssig:

    JavaScript
    <script type="text/javascript">
document.getElementById('eindeutigeID').style.width = screen.width;
</script>
    HTML
    <img src="/Bilder/Header.png" id="eindeutigeID" alt="Header">
    Zitat von Kalcor

    The fact is, I am right. And if you think I'm wrong, you are wrong.

    Ah ok danke. Edit: Allerdings ist nun das Problem das sich auch die Height verändert hat und das Bild viel zu groß ist. Aber es wäre sonst wohl nicht mehr gut erkennbar da es deskalliert heißt das glaube ich wäre. Wie ändert man das? Ich kann das Bild ja nicht schon vorfertigen da es ja bei jedem Browser bzw Screen anders ist und es sonst auch "deskalliert" wäre.