我在论坛搜索了一个特定的问题,但是我发现的所有解决方案都不适用于我的问题.
我左边有一个图像.在右边,我有不同的话.所以,当我点击一个特定的名字,我想让图片改变到我的图像文件夹中的任何图片.基本上,我想让图像的来源改变.这是我的索引的代码：
<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');
});
解决方法
你的第二次尝试是正确的.这是工作的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');
});
我已经添加了一些在谷歌上找到的现有图像.