Ich habe das Forum nach einem bestimmten Problem durchsucht, aber alle Lösungen, die ich gefunden habe, funktionieren nicht für mein Problem.

Ich habe ein Bild auf der linken Seite. Auf der rechten Seite habe ich verschiedene Wörter. Wenn ich also auf einen bestimmten Namen klicke, möchte ich, dass das Bild zu dem Bild wechselt, das ich in meinem Bildordner habe. Grundsätzlich möchte ich, dass sich die Quelle des Bildes ändert. Hier ist der Code für meinen Index:

<div id="picture_here">
     <img src="images/mtkili.png" id="picture"/>
</div>

<div id="about">
     <div id="mtl">Mtl</div>
</div>

<div id="about_2">
     <div id="contact">SF</div>
</div>

und hier sind zwei jqueries formeln, die ich ausprobiert habe:

$('#mtl').click(function(){
    $('#picture').attr()({
        'src':'images/short.png'
    })          
})

und:

$('#mtl').click(function(){
   $('#picture').attr('src', 'images/short.png');
});