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:

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);
    }
}


[...]

Alles anzeigen

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?

Bandit

Auszug aus den Forenregeln:

Zitat

Inhalt von Beiträgen:
[FONT=Verdana, Arial, Helvetica, sans-serif]Forum-Hilfe behält sich das Recht vor, jederzeit Beiträge zu löschen, zu verschieben oder zu überarbeiten, die nicht den Forumsregeln entsprechen. Dies geschieht ohne vorherige Information des Verfassers. Die User ist alleine für die von ihnen publizierten Inhalte (Texte; Bilder oder andere Veröffentlichungen) verantwortlich und bestätigt auch damit, das er keine Copyrightgeschütze Werke und Texte hier im Forum veröffentlicht.
Verboten oder auch unerwünscht sind folgende Inhalte: [/FONT]

[FONT=Verdana, Arial, Helvetica, sans-serif]extrem politisch oder religiös orientierte Postings [/FONT]

[FONT=Verdana, Arial, Helvetica, sans-serif]strafbare, pornographische, jugendgefährdende, beleidigende oder ehrverletzende Inhalte[/FONT]

[FONT=Verdana, Arial, Helvetica, sans-serif]Warez oder fremde copyrightgeschütze Werke [/FONT]

[FONT=Verdana, Arial, Helvetica, sans-serif]E-Mail Adressen [/FONT]

[FONT=Verdana, Arial, Helvetica, sans-serif]Songtexte [/FONT]

[FONT=Verdana, Arial, Helvetica, sans-serif]persönliche Angaben wie Telefonnummern, Adressen usw (diese bitte per PN austauschen) [/FONT]

[FONT=Verdana, Arial, Helvetica, sans-serif]oder anderweitig inakzeptabel Postings, die hier nicht erfasst wurden, aber gegen geltendes Recht, die guten Sitten, allgemeines Moralempfinden oder eben gegen die Forenregeln verstossen.[/FONT]

[FONT=Verdana, Arial, Helvetica, sans-serif]Crosspostings - die gleiche Frage in mehreren anderen Foren gleichzeitig stellen[/FONT]

Tags