Frage Responsive Bilder mit CSS und PHP

[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?

 

[Tronjer]

Google bietet mit dem ersten Treffer schon Lösungsansätze:

responsive website load image size

 

[bdt600]

Crossposting! :(

 

[Klopp1991]

Dies ist leider nicht die Antwort auf meine Frage.

 

[bdt600]

Wenn du nicht gerade eine total veraltete PHP-Version hast, wird wohl nie ein vernünftiger Wert in der Session stehen. Stichwort: register_globals