02 Stimmen

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?

AntwortenPositivNegativ
3Beste Antwort3 Stimmen

Mit jQuery kannst du dein Bild einfach mit .attr() austauschen. Ich nehme einmal als Beispiel deine Werte aus der Frage.

$("#img1").attr("src", "neu.jpg");

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

AntwortenPositiv Negativ
Antworten

Ähnliche Themen

Android Splash Screen Tutorial

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.