png bei älteren browsern durch gif ersetzen

  • hallo liebes forum
    ich habe vor auf meiner homepage ein transparentes png einzubauen sodas der hintergrund noch durchscheint. jedoch sieht das dann sehr komisch aus bei browsern die das nicht unterstützen. Kann ich irgendwie machen das bei älteren browsern das png durch ein alternatives gif Bild ausgetauscht wird?

  • dafür musst du über Javascript die Version des Browsers abfragen und ein PNG und ein GIF Bild haben.
    so kannst du dann entweder das eine oder das andere Bild einfügen

    Sämtlicher Code erhebt keinen Anspruch auf syntaktische Korrektheit geschweige denn Ausführbarkeit und ist für die Implementation außerhalb der Beispiele nicht geeignet.
    [Blockierte Grafik: http://www.snippr.de/social/img/logo.png]
    Kein Support für kommerzielle Scripts | Kein kostenloser Support via ICQ

  • sorry habe mir den script angschaut aber ich kappier das nicht wie ich das genau hinbekommen soll. Die Abfrage habe ich glaube ich geschafft, aber wie das dan geht mit dem bild aufrufen verstehe ich nicht. könntest du mir da nochmal helfen oder jemand anderes?

  • So weit bin ich nun. die links sind nur platzhalter. jedoch funktioniert das noch nicht ganz. also alle browser die transparente pngs unterstützen sollen zur einen seite leiten und die nicht zur anderen. Vielleicht könntet ihr auch die wichtigsten browser ergänzen

    <html>

    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
    <title>Neue Seite 1</title>
    <SCRIPT> function Navigateur(){
    if (navigator.appName.indexOf("Netscape") > -1) {return "Netscape";}
    if (navigator.appName.indexOf("Explorer") > -1) {return "Explorer";}
    return "Unknown";}


    document.write("Name: " + navigator.appName);

    function Version(){
    return parseFloat(navigator.appVersion)}


    document.write("Version: " + parseFloat(navigator.appVersion));
    </script>

    <script>
    if (appName = "Microsoft Internet Explorer") {
    this.location = "http://www.1.de";}
    if (appName = "Microsoft Internet Explorer7") {
    this.location = "http://www.2.htm";}
    if (appName = "Firefox") {
    this.location = "http://www.1.de";}
    if (appName = "Firefox2") {
    this.location = "http://www.2.de/imp.htm";}
    </script>


    </SCRIPT>
    </head>

    <body>

    </body>

    </html>
    [/code]

  • ja, also so schwer kanns ejtzt nimmer sein, denken soll helfen hat mir mal einer geflüstert

    ich mein du hast jetzt schon das komplette gerüst

    nun suchst du dir aussem inet ne liste oder baust eine slebst mit browsern, die keine pngs unterstützen

    dann bauste die if-bedingung
    if (appName = "Microsoft Internet Explorer7" || appName = "...." || ....) {
    this.location = "ohne png";
    }
    else {
    this.location = "mit png";
    }

    und wieso machste nich einfach n gif, das wär ja wohl die sinnvollste lösung...

    Sei immer du selbst. Außer du kannst Batman sein. Sei immer Batman!

  • Zitat von BendOr

    und wieso machste nich einfach n gif, das wär ja wohl die sinnvollste lösung...

    Danke dir
    soweit ich weis kann man gif ja nicht so halbtransparent machen, oder irre ich mich da?

  • Wenns nur darum geht ein Bild halbtransparent zu machen geht das auch mit CSS (ok es ist noch nocht im offiziellen W3C aber das ist dir wohl eh egal)

    Sämtlicher Code erhebt keinen Anspruch auf syntaktische Korrektheit geschweige denn Ausführbarkeit und ist für die Implementation außerhalb der Beispiele nicht geeignet.
    [Blockierte Grafik: http://www.snippr.de/social/img/logo.png]
    Kein Support für kommerzielle Scripts | Kein kostenloser Support via ICQ

  • hast recht mfire in dem fall siehe meinen letzten post für die lösung ;)

    @KYLT ginge auch, aber ich denke damit hat er das problem mit den alten browsern nicht gelöst, sondern eher noch einige browser zu seiner liste hinzugefügt ^^

    Sei immer du selbst. Außer du kannst Batman sein. Sei immer Batman!