点击即可更改img src

Question

我在论坛上搜索了一个特定的问题,但我找到的所有解决方案都不能解决我的问题.

我左边有一张图片.在右边,我有不同的词.因此,当我点击某个特定名称时,我希望图片更改为我在图像文件夹中的任何图片.基本上,我希望图像的来源发生变化.这是我的索引的代码:

<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');
});

Answer 1

你的第二次尝试是正确的.这是工作的jsFiddle:http://jsfiddle.net/MEHhs/

所以代码应该是:

HTML:

<div id="picture_here">
     <img src="http://www.sbtjapan.com/img/FaceBook_img.jpg" id="picture"/>
</div>

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

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

JS:

$('#mtl').click(function(){
    $('#picture').attr('src', 'http://profile.ak.fbcdn.net/hprofile-ak-ash3/41811_170099283015889_1174445894_q.jpg');
    });

我添加了一些在谷歌上发现的现有图像.