Wie kann ich eine Bildquelle mit jQuery ändern?

Ändern der Bildquelle mit jQuery

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!