изменить IMG SRC по клику
Я искал на форуме одну конкретную проблему, но все найденные решения не работают для моей проблемы.
У меня есть изображение на левой стороне. С правой стороны у меня есть разные слова. Поэтому, когда я нажимаю на определенное имя, я хочу, чтобы изображение изменилось на то, которое у меня есть в папке изображений. По сути, я хочу, чтобы источник изображения изменился. Вот код для моего индекса:
<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>
и вот две формулы jqueries, которые я попробовал:
$('#mtl').click(function(){
$('#picture').attr()({
'src':'images/short.png'
})
})
а также:
$('#mtl').click(function(){
$('#picture').attr('src', 'images/short.png');
});