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.
Farben umkehren per Button
-
-
auf Anhib fallen mir da Zwei Möglichkeiten ein:
- Der CSS Filter invert() (weniger Arbeit aber nicht auf allen Browsern unterstützt)
- 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
-
Ich verstehe nicht, was du damit meinst.
Kannst du mal deinen Code posten?
-
<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);
-
achso.
Dann erstelle dir eine CSS Klasse, die den gewünschten Effekt anwendet und weise diese beim Klick dem Bild zu.
-
Danke
Jetzt mitmachen!
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!