jQuery: Bild ändern
Frage von Gast | 30.05.2015 um 16:29
Ich habe ein normales Bild in meinem HTML-Code und ich würde dieses Bild gerne dynamisch mit JavaScript (jQuery) austauschen.
Das HTML für die Bilder kann zum Beispiel so aussehen.
<img id="img1" src="test.jpg">
Nun möchte ich beispielsweise "test.jpg" in "neu.jpg" ändern. Also das SRC-Attribut vom IMG-Tag wechseln. Geht das irgendwie mit jQuery?
Ähnliche Themen
Bild vor dem Upload im Browser verkleinern
Tutorial | 5 Kommentare
Bilder, CSS, JS und Seiten neu laden trotz Browser-Cache
Tipp | 2 Kommentare
Mouseover Buttons mit CSS ohne Nachladen
Tutorial | 0 Kommentare
jQuery: HTML5 Canvas mit Ajax an Server senden
Tutorial | 0 Kommentare
Android Splash Screen Tutorial
Tutorial | 0 Kommentare
HTML5 Canvas als Bild an Server senden und speichern
Tutorial | 0 Kommentare
jQuery: CSS Stylesheet Switcher
Tutorial | 1 Kommentar
Wichtiger Hinweis
Bitte beachten Sie: Die Beiträge auf askingbox.de sind Beiträge von Nutzern und sollen keine professionelle Beratung ersetzen. Sie werden nicht von Unabhängigen geprüft und spiegeln nicht zwingend die Meinung von askingbox.de wieder. Mehr erfahren.
Jetzt mitmachen
Stellen Sie Ihre eigene Frage oder schreiben Sie Ihren eigenen Artikel auf askingbox.de. So gehts.
Mit jQuery kannst du dein Bild einfach mit .attr() austauschen. Ich nehme einmal als Beispiel deine Werte aus der Frage.
Zunächst benutzen wir den Selektor $("#img1") um dein Bild mit der ID "img1" auszuwählen. Anschließend benutzen wir .attr(), um dem Attribut "src" den neuen Wert "neu.jpg" zu geben. Damit hast du dein Bild geändert.
30.05.2015 um 17:43