[avater]

Hey Leute,
ich sollte auf Anfrage eines Kunden eine SVG Grafik als Logo in einer Website einbinden. Leider wird dieses Format gerade vom Internet Explorer in tieferen Versionen nicht unterstützt.

Daher möchte ich gerne eine Browserweiche einrichten, die wenn möglich die SVG Grafik lädt und wenn nicht eine andere Versions des Logos (jpg, png).

Ist dies ohne Nutzung von Javas***** möglich, eventuell direkt im img Tag?
Würde mich über Antworten und Denkanstöße sehr freuen.

Gruß

[leweth]

Wird vermutlich ohne JS schwierig bis unmöglich, denn wie willst du denn sonst die Daten des Browsers auslesen bzw. die Version?
Mir fällt auf Anhieb wirklich nichts besseres als JS ein, sorry.

[avater]

Der Kunde möchte eine SVG Grafik haben. Es hierzu erklären wäre sinnlos denn es hat keinen Sinn aber der Kunde möchte es so und lässt sich davon auch nicht abbringen.

Wir könnte man so eine Browserweiche in JS realisieren? Bin da jetzt nicht so fit drin. Kann ich mich irgendwo in das Thema einlesen?

[7331]

Alte IE können ja kein SVG und hier soll dann eine PNG erscheinen, schrieb er am Anfang.

[avater]

Zitat von HababaX

Welchen Sinn hat dann die weiche?

Dann nimm immer die svg... Der Kunde wollte es doch so!

nicht alle browser unterstützen das SVG Format z.B der Internet Explorer 8. Für diese möchte ich dann eben eine PNG Grafik laden, damit die das Logo auch zu Gesicht bekommen. Ich denke hiermit habe ich den Sinn ausführlich erklärt. Zurück zum Thema!

[avater]

Stellst du dich jetzt nur so stur an? Der Kunde will die Website auf allen aktuellen Browser (d.h die deren Nutzer noch über 10% liegen) lauffähig haben. Und das Logo als SVG Grafik! Damit aber beim IE 8 z.b da nicht eine Platzhalter Grafik angezeigt wird, weil das SVG Logo da nicht angezeigt werden kann, möchte ich das mit einer Weiche aushebeln.

Nur für diesen Fall möchte ich da eine PNG Grafik haben. Raffste das? Und ja genau deswegen habe ich Kunden, weil ich ein wenig weiterdenke und nicht stur irgendeine Art von Bockmist fabriziere, nur weil der Kunde es nicht explizit gesagt hat. Junge, echt jetzt...

Wenn man da nichts produktives äußern kann, verweise ich gerne auf Dieter Nuhr. Halt dich dann doch einfach raus...

[Mr_Braun]

Nun kommen alle mal wieder runter und bleiben beim Topic.
Wer hier nur zu meckern hat: sollte sich nicht zu Wort melden.

Browserweiche könntest du mit bsw. mit PHP realisieren, sofern der Server PHP unterstützt.
Beispiel hier:
[ Link nur für registrierte Mitglieder sichtbar. Bitte einloggen oder neu registrieren ]

Dazu müsstest du eigentlich im Echo der if/elseif die entsprechende Alternativgrafik-Src ausgeben lassen. Statt svg halt png. Müsstest das ganze aber noch anpassen.

[avater]

Ist normalerweise auch nicht meine Art, nur hat mich der Spezialist da oben etwas erzürnt. PHP hab ich leider nicht zur Verfügung, hatte aber auch schon dran gedacht. Das scheint doch wesentlich komplizierter zu sein, als ich es mir dachte. Ist aber meistens so

[Racer X]

ist nur ne Idee und ich weiß auch nicht ob es funktioniert. Aber du wenn du statt einem Alternativtext.

Also einem Text der angezeigt wird wenn deine Grafik nicht geladen werden kann, einfach den Img tag der PNG reinmachst

[Eule66]

Hallo avater,
wenn dein Hoster SSI (Server Side Includes) erlaubt, dann könnte eine Browserweiche für die Bilder auch damit gebastelt werden.
[ Link nur für registrierte Mitglieder sichtbar. Bitte einloggen oder neu registrieren ] und[ Link nur für registrierte Mitglieder sichtbar. Bitte einloggen oder neu registrieren ].
Eine Lösung für Javasript ginge auch, macht aber wenig Sinn, da es Clientseitig abgeschaltet/gefiltert sein kann. Hier ein Link dazu:
[ Link nur für registrierte Mitglieder sichtbar. Bitte einloggen oder neu registrieren ].
Gruß, eule66

[avater]

ist es möglich eventuell im css der grafik ein alternativ bild zuzuweisen?

[refLye]

Du könntest versuchen, zwei Logos hintereinander zu legen. Hinten kommt das PNG hin, vorne das SVG. Die sollten theoretisch übereiander liegen und sich nicht stören. Ältere Browser sollten die SVG dann übergehen, das PNG aber raffen.

[manta656]

<object data="/images/img.svg" type="image/svg+xml" >
  <img src="/images/img.png" />
</object>

So müsste es klappen.