Ergebnis 1 bis 2 von 2

Thema: Responsive Bilder mit CSS und PHP

  1. #1
    HTML Newbie
    Registriert seit
    09.05.2014
    Beiträge
    1
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Frage Responsive Bilder mit CSS und PHP

    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-Code:
    session_start();
    $_SESSION["imagesize"] = $width;
    header("HTTP/1.1 204 No Content");
    exit(); 
    Die responsiven Bilder werden anschliessend folgendermassen dargestellt
    HTML-Code:
    <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?
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Bandit
    Gast

    Standard AW: Responsive Bilder mit CSS und PHP

    Auszug aus den Forenregeln:
    Inhalt von Beiträgen:
    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:

    • extrem politisch oder religiös orientierte Postings
    • strafbare, pornographische, jugendgefährdende, beleidigende oder ehrverletzende Inhalte
    • Warez oder fremde copyrightgeschütze Werke
    • E-Mail Adressen
    • Songtexte
    • persönliche Angaben wie Telefonnummern, Adressen usw (diese bitte per PN austauschen)
    • oder anderweitig inakzeptabel Postings, die hier nicht erfasst wurden, aber gegen geltendes Recht, die guten Sitten, allgemeines Moralempfinden oder eben gegen die Forenregeln verstossen.
    • Crosspostings - die gleiche Frage in mehreren anderen Foren gleichzeitig stellen

Ähnliche Themen

  1. Responsive Design Problem
    Von hugo22 im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 26.02.2014, 03:20
  2. [biete] Web Designer / Responsive Design (m/w)
    Von Vermittler im Forum Job Forum - Jobs für Grafiker, Programmierer und Webmaster
    Antworten: 0
    Letzter Beitrag: 09.02.2014, 13:24
  3. Responsive Webdesign - Hinweis für IE 5.5 - 8.0
    Von Manni68 im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 03.02.2014, 16:46
  4. Antworten: 1
    Letzter Beitrag: 03.03.2013, 21:25
  5. Responsive Webdesign, Media Queries - Anfängerfrage
    Von Mr18 im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 25.01.2013, 11:55

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •