Je nach Browserversion anderes Bild laden



  • Kann man mit einfachem HTML, also ohne serverseitige Skriptsprache, die Browserversion ermitteln und dann an einer Stelle im HTML-Code ein jeweils anderes Bild laden?
    Der Grund dafür: Firefox 3 stellt per width und height-Attribut vergrößerte Bilder verschwommen dar. Deshalb wollte ich die Browserversion abfragen und wenn dann Firefox 3 benutzt wird, wird an der Stelle, wo ein Bild erscheinen soll, eins genommen, das bereits als PNG fest vergößert ist, während bei allen anderen Browsern das normale Bild geladen wird, welches weniger Speicherplatz verbraucht, also weniger Traffic verursacht, was dann per Quellcode vergrößert wird:

    Pseudo-HTML-Code:

    if (browser.version != "Firefox 3")
        <img src="bild.png" width="200" height="100">
        <!-- Das Bild hat eigentlich eine Größe von 100x50 -->
    else
        <img src="bild_gross.png" width="200" height="100">
    


  • Du kannst zumindest feststellen ob es IE ist und welche Version.
    FF denke ich nicht das man das in HTML ermitteln kann



  • Vlt. mittels CSS-Browser-Hacks auch möglich?!



  • Einfach per Javascript Browser-Version rausfinden und entsprechend dem Img die Src ändern.



  • Mir ist gerade aufgefallen: Jetzt benutzen ja schon der Internet Explorer 8, Firefox und Opera diesen Filter? Sind die denn des Wahnsinns? Haben diese Trottel noch nie was von Pixelart gehört? Oder von Diagrammen? 😡



  • JavaScript, Stichwort userAgent.



  • Aber jetzt, wo sowieso alle drei großen Browser (wie Chrome es macht, weiß ich im Moment leider nicht) den bilinearen Filter einsetzen, ist die Überprüfung der Browserversion nicht wirklich mehr eine Lösung, weil das Laden des großen Bildes ja dann mehr die Regel als die Ausnahme ist. Und dann kann ich das große Bild auch gleich fest einbauen.

    Somit: Änderung des Ziels: Wie kann ich es erreichen, dass ein gestrecktes Bild trotzdem auf einfache Weise (nearest neighbour) angezeigt wird?
    Für den IE gibt es eine nicht-standardkonforme Erweiterung in CSS:

    -ms-interpolation-mode: nearest-neighbor;
    

    Aber wie man's bei den beiden anderen macht: Keine Ahnung. 😞



  • Ich denke mal, dass du das am einfachsten per JavaScript hinbekommst...

    Das Problem ist nur, dass einige Leute in ihrem Browser JavaScript deaktiviert haben...



  • Wie will man heute noch gescheit im Internet surfen, wenn man JS (komplett) deaktiviert? 😕



  • byto schrieb:

    Wie will man heute noch gescheit im Internet surfen, wenn man JS (komplett) deaktiviert? 😕

    Geht wunderbar. Gibt nur ein paar Ausnahmen, bei denen JS sinnvoll ist (Onlineshops) und ein paar Ausnahmen, wo es mich nicht stört, die Seite ohne JS nicht lesen zu können...



  • Hallo,

    also spätestens seit AJAX sollte Javascript wieder präsenter sein. Viele Seiten steigen auf "neue" Technologien um und gerade bei der genannten ist Javascript zwingend erforderlich...

    LG, Micha


Anmelden zum Antworten