Heim >Web-Frontend >js-Tutorial >Wie kann ich eine Bildquelle mit jQuery ändern?
Angenommen, Sie haben auf einer Webseite eine HTML-Struktur mit zwei Bildern, die jeweils „imgx_on.gif“ als Quelle haben, wobei „ „x“ steht für eine Bildnummer (1 oder 2). Wenn Sie auf ein Bild klicken, möchten Sie dessen Quelle in „imgx_off.gif“ ändern.
Lösung mit jQuery
Mit der attr()-Funktion von jQuery können Sie die ändern Quellattribut eines Bildes. Um dies zu erreichen, weisen Sie Ihrem Bild ein ID-Attribut zu (z. B. „mein-Bild“) und führen Sie den folgenden Code aus:
$('#my-image').attr('src', 'imgx_off.gif');
Beispiel für Bilddrehung
Um Bilder zu drehen, können Sie den folgenden jQuery-Code verwenden:
$('img').on({ 'click': function() { var src = ($(this).attr('src') === 'img1_on.gif') ? 'img2_on.gif' : 'img1_on.gif'; $(this).attr('src', src); } });
Dieser Code wechselt die Quelle des angeklickten Bildes „img1_on.gif“ und „img2_on.gif“.
Das obige ist der detaillierte Inhalt vonWie kann ich eine Bildquelle mit jQuery ändern?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!