Przeszukałem forum pod kątem konkretnego problemu, ale wszystkie znalezione przeze mnie rozwiązania nie działają w przypadku mojego problemu.

Mam obraz po lewej stronie. Po prawej stronie mam inne słowa. Tak więc, gdy klikam na konkretną nazwę, chcę, aby zdjęcie zmieniło się na dowolny obraz w moim folderze obrazu. Zasadniczo chcę zmienić źródło obrazu. Oto kod mojego indeksu:

<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>

a oto dwie formuły jqueries, które próbowałem:

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

i:

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