Beiträge von klopp1991

Hallo zusammen

ich habe ein Problem und hoffe jemand hat eine gute Idee oder weiss, wie dieses Problem zu lösen ist.

Ich ermittle via CSS3 Media Queries die ungefähre Breite des Browser:

[...]


@media only screen and (min-device-width: 201px) and (max-device-width: 300px) {
    html {
        background-image:url(functions.php?width=300);
    }
}


@media only screen and (min-device-width: 301px) and (max-device-width: 400px) {
    html {
        background-image:url(functions.php?width=400);
    }
}


[...]

Anschliessend wird mittels Aufruf eine Session-Variable in PHP gesetzt:

session_start();
$_SESSION['imagesize'] = $width;
header("HTTP/1.1 204 No Content");
exit();

Die responsiven Bilder werden anschliessend folgendermassen dargestellt

<img src="/photo/<?php echo $_SESSION['imagesize']; ?>/test.jpg" alt="Text" />

Das Ganze funktioniert auch, abgesehen vom ersten Aufruf. Beim ersten Aufruf scheint die Session-Variable noch nicht gesetzt zu sein, weil wahrscheinlich das CSS noch nicht laden bzw. die Variable setzen konnte.

Wie kriege ich diese Variante hin, dass die Session-Variable bzw. "Bildschirmgrösse" bereits beim ersten Aufruf verfügbar steht?