Ranchero: Anigif spiegeln?

problematische Seite

ich versuche den Geier links oben zu spiegeln auch als animiertes GIF. Man hat mir geraten, den Quälcode wie folgt zu ändern: <img style="width: 228px; height: 199px; transform: scaleX(-1);" alt="" src="vulturewaiting.gif" align="middle"> Leider funktioniert das nicht, trotz neuer Browserversion, bei dem Kollegen aber wohl. Liegt das am Tool oder ist der Code fehlerhaft? Danke für eine Idee...

  1. problematische Seite

    Hey,

    <img style="width: 228px; height: 199px; transform: scaleX(-1);" alt="" src="vulturewaiting.gif" align="middle">

    Müsste das nicht ein transform: rotateY(180deg) sein?

    Gruß
    Jo

    1. problematische Seite

      Hallo j4nk3y,

      bei mir funktioniert beides. Mit einer Drehung von 180° um die Y-Achse guckst Du Dir das GIF "von hinten" an, das ist das gleiche wie scaleX(-1).

      Ranchero,

      scaleX(-1) funktioniert bei mir im jsFiddle wie gewünscht. Welches Gerät und exakt welche Browserversion macht die Probleme? Hast Du man bei caniuse.com geschaut, ob deine Version das Feature unterstützen sollte?

      Rolf

      --
      Dosen sind silbern
      1. problematische Seite

        Nachtrag...

        eigentlich kann's nicht sein. scaleX ist ein 2D Transform und die einzigen, die das nicht können, sind IE < 9 (IE 9 mit -ms Prefix) und Opera Mini. Ein paar andere Browserversionen brauchen noch ein -webkit Prefix - also probier's mal mit

        <img src="..." style="width...;height...;scaleX(-1);-webkit-scaleX(-1);-ms-scaleX(-1)">

        Uralte Feuerfüchse brauchen ein -moz Präfix, aber das ist schon 5 Jahre her. IE9 ist Win Vista, den nutzen noch 0.15% der Deutschen :)

        Rolf

        --
        Dosen sind silbern
        1. problematische Seite

          @@Rolf B

          <img src="..." style="width...;height...;scaleX(-1);-webkit-scaleX(-1);-ms-scaleX(-1)">

          Die Eigenschaften mit Vendor-Präfixen sollten immer vor der standardisierten Eigenschaft stehen.

          Außerdem braucht jedes img-Element ein alt-Attribut.

          LLAP 🖖

          --
          “When UX doesn’t consider all users, shouldn’t it be known as ‘Some User Experience’ or... SUX? #a11y” —Billy Gregory
      2. problematische Seite

        Hey Rolf B,

        bei mir funktioniert beides. Mit einer Drehung von 180° um die Y-Achse guckst Du Dir das GIF "von hinten" an, das ist das gleiche wie scaleX(-1).

        Gerade wo ich es erklären wollte wird es mir klar. Es Skaliert negativ... verstehe.

        Gruß
        Jo

      3. problematische Seite

        ich habe den neuesten Fox und den Google Chrome, bei beiden bleibt das Bild, wie es ist. Rotieren geht nur bei stehendem GIF. Habe es in Corel "gewendet", aber wie muss ich dann exportieren? die V x4, die ich habe, hat keine Exportfunktion für animierte GIF, nur für Import... Sonst wäre das vllt.m eine Alternative.

        habe jetzt alle hier angebotenen Vorschläge durchprobiert, keine geht !!! Der Quelltext ist nach dem Speichern wieder der alte, die Änderung wird einfach nicht angenommen... ???

        1. problematische Seite

          Hallo Ranchero,

          ich hab das mal irgendwann mit Corel Draw oder Photopaint gemacht, da war das im Menü für Film zu finden.

          Aber was meinst Du mit "Speichern geht nicht, der Quelltext ist der alte"? Wenn das der Fall ist, dann hast Du ein ganz anderes Problem als CSS. Bist Du sicher, dass Du dorthin speicherst, wohin Du Speichern möchtest?

          Rolf

          --
          Dosen sind silbern
      4. problematische Seite

        @@Rolf B

        Mit einer Drehung von 180° um die Y-Achse guckst Du Dir das GIF "von hinten" an,

        Wenn man denn durchgucken kann.

        das ist das gleiche wie scaleX(-1).

        Wenn nicht, dann ist es nicht das Gleiche. Guckst du hier.

        LLAP 🖖

        --
        “When UX doesn’t consider all users, shouldn’t it be known as ‘Some User Experience’ or... SUX? #a11y” —Billy Gregory
        1. problematische Seite

          Hi,

          Wenn nicht, dann ist es nicht das Gleiche. Guckst du hier.

          da poppt bei mir eine Warnung auf, daß für bittersmann.de ein falsches Zertifikat verwendet wird (Ungültiger Name - das Zertifikat gilt wohl für *.kasserver.com (so a Kas!), aber nicht für bittersmann.de).

          cu,
          Andreas a/k/a MudGuard

        2. problematische Seite

          Hallo Gunnar,

          bin ich jetzt blind? Oder ist mein Chrome anders als andere? Für mich sieht das alles gleich aus.

          Rolf

          --
          Dosen sind silbern
          1. problematische Seite

            @@Rolf B

            bin ich jetzt blind? Oder ist mein Chrome anders als andere? Für mich sieht das alles gleich aus.

            Scroll mal runter!

            LLAP 🖖

            --
            “When UX doesn’t consider all users, shouldn’t it be known as ‘Some User Experience’ or... SUX? #a11y” —Billy Gregory
    2. problematische Seite

      keine Anhung, war eine Empfehlung eines Bekannten, bei dem das wohl funzt... ich werde das aber mal probieren, vielleicht geht es ja, danke erst mal ich melde mich...

      1. problematische Seite

        Animierte gifs kann ich mit dem kostenlosen Programm Gimb spiegeln:

        Bild - Tranformation - Horizontal spiegeln

        Datei - exportieren als - wendegeierani.gif - exportieren - als Animation - Schleife endlos wiederholen

        Original:

        Geier

        Gewendet:

        Wendegeier

        Gruß, Linuchs

        1. problematische Seite

          Hallo Linuchs,

          war der Name, den Du da genannt hast, der Beleg dafür, dass man mit diesem Programm auch erfolgreich vertikal spiegeln kann? Zumindest ein p in ein b ?

          Rolf

          --
          Dosen sind silbern