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:
Code
[...]
@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:
PHP
session_start();
$_SESSION['imagesize'] = $width;
header("HTTP/1.1 204 No Content");
exit();Die responsiven Bilder werden anschliessend folgendermassen dargestellt
HTML
<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?