用JS改变图片路径的问题，各位大虾帮帮忙，小女子在此谢过

Question

这个是控件，每个页面都一样，而且改变的时候是target=_top的，所以没有楼上说的问题

Answer 1

把所有的<IMG height="28" id="Headmenu1" alt="主页" src="/images/head_r6_c6.jpg" width="89" border="0" name="head_r6_c6" onclick="changeBg('Headmenu1')">
<script language="javascript" type="text/javascript">
function changeBg(currentId)
{
var newsPath = "./images/head_r6_c6b.jpg";
var nodes = new Array("Headmenu1","Headmenu2","Headmenu3","Headmenu4","Headmenu5","Headmenu6");
var pathes = new Array('/images/head_r6_c6.jpg','/images/head_r6_c11.jpg','/images/head_r6_c15.jpg','/images/head_r6_c17.jpg','/images/head_r6_c20.jpg');
for (var i=0; i<nodes.length ; i++)
{
if (currentId == nodes[i])
{
var currentNode = document.getElementById(nodes[i]);
currentNode.setAttribute("src", newsPath);
}
else
{
var othersNode = document.getElementById(nodes[i]);
currentNode.setAttribute("src", pathes[i]);
}
}

}
</script>

Answer 2

_top是整个页面嘛,点击链接的时候都会变,你不信试试
应该是"top" 没有下划线

Answer 3

更正一下：
<script language="javascript" type="text/javascript">
function changeBg(currentId)
{
var newsPath = "./images/head_r6_c6b.jpg";
var nodes = new Array("Headmenu1","Headmenu2","Headmenu3","Headmenu4","Headmenu5","Headmenu6");
var pathes = new Array('/images/head_r6_c6.jpg','/images/head_r6_c11.jpg','/images/head_r6_c15.jpg','/images/head_r6_c17.jpg','/images/head_r6_c20.jpg');
for (var i=0; i<nodes.length ; i++)
{
if (currentId == nodes[i])
{
var currentNode = document.getElementById(nodes[i]);
currentNode.setAttribute("src", newsPath);
}
else
{
var othersNode = document.getElementById(nodes[i]);
othersNode.setAttribute("src", pathes[i]);
}
}

}
</script>

Answer 4

另一方面，可能光用JS来控制可能得不到你要的结果，
因为它已经重新装载了页面，除非你不同的页面已有不同的图片路径值，
那自然就不用JS来控制，你也可试试AJAX来控制

Answer 5

如果你非得换图片试试下面的代码给Table加个id="table1"
如下所示:
<table cellSpacing="0" cellPadding="0" width="633" align="left" border="0" id ="table1">给每个td加onclick事件
如下所示:
<td onclick="switchImg(this);">
下面是切换代码<script language="javascript">
var currentTd=-1;function switchImg(cell){
   if(currentTd==cell.cellIndex)return;
   var img = cell.childNodes[0].childNodes[0];
   var imgPath=img.src;
   img.src = imgPath.substring(0,imgPath.indexOf(".")) + "B" + ".jpg";
   if(currentTd>=0){
     var oImg = document.getElementById("table1").rows[0].cells[currentTd].childNodes[0].childNodes[0];
     var oPath = oImg.src;
     oImg.src= oPath.substring(0,oPath.indexOf(".")-1) + ".jpg";
   }
   currentTd=cell.cellIndex;
}</script>

Answer 6

onclick="func(this)"function func(objimg){
   var a = objimg.src;
   ar = a.split(".");
   objimg.src = ar[0]+"b."+ar[1];
}