请问怎么用js来控制img的src

Question

我的问题：具体地说，就是改ECSHOP系统的商品图片显示，如果您不了解这个系统可以跳过本段。想达到这样的效果：点击小的缩略图直接在大图的位置显示它（默认的是新弹出窗口，进入一个图片展示的页面）概括地说，就是在一个页面点击一个小图，将获取的这个图的ID传入到一个js文件里面的一个函数，然后通过js代码将小图的原图的位置替换到大图的src里面去。
我的思路大致是这样的：给小图和大图分别一个ID，将小图的原图地址（在数据库中，在该系统保存在一个变量内，可以直接获取）通过ID替换到大图的src去，形如 id.src="" ；因为我对js不熟悉，这个任务又比较紧迫，所以希望前辈们能指点下。多谢~~

Answer 1

看这里http://topic.csdn.net/u/20091207/15/b23f6c79-8afc-461b-990d-cc9e5e391ee9.html

Answer 2

没有测试过，可以试下：把原始的图片的路径保存为缩略图的一个自定义的属性
<img src="" osrc="原始图片的路径" alt="" onclick="showBigImage(this)">function showBigImage(obj){
    document.getElementById("bigImage").src = obj.getAttribute("osrc");
}

Answer 3

img src="" osrc="原始图片的路径" alt="" onclick="javascript:document.getElementById("bigImage").src = '大图片路径'"> 

Answer 4

多谢各位，问题解决了，我是这样写的：给小图加一个<a>标签 ，href定位到小图对应大图的地址，这个<a href="" onclick="return changeImage(this);">给大图的img一个ID:bigimage函数代码：
function changeImage(a)
{
  document.getElementById('bigimage').src=a.href;
  return false;
}