Farben umkehren per Button

    Hey, ich habe ein paar bilder in meiner Webseite eingeblendet, ich würde es gerne so machen wenn ein besucher den Button " Farben umkehren" drückt das die Farben sich dann umkehren per Button!? Hat jemand ein code weiß jmd wie das geht, ich habe leider nicht so viel am Hut mit HTML.

    auf Anhib fallen mir da Zwei Möglichkeiten ein:

    1. Der CSS Filter invert() (weniger Arbeit aber nicht auf allen Browsern unterstützt)
    2. Jeweils ein zweites, invertiertes Bild speichern und bei Knopfdruck die src vom <img> austauschen (Auf allen Browsern unterstützt, aber mehr Arbeit)

    Habe es jz so gemacht das mann per button ein Bild tauschen kann, in <script> aber ich würde gerne das Bild stylen IM Script weil das 2 Bild ja im Script geschrieben ist

    <img src="000.png" style="width:100%" alt="BILD" id="myPic" >

    <script>

    function tausch(){

    document.getElementById("myPic").setAttribute("src", "000_farbeumkehren.png" );

    }


    </script>


    <input type="button" value="click" onclick="tausch()">

    Ich möchte eig. es so lassen nur im

    document.getElementById("myPic").setAttribute("src", "000_farbeumkehren.png" );

    000_farbeumkehren stylen mit:

    filter: invert(1);

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden