如何更换图片??谢谢,

找四张图片，改个名字，看看是不是下面的效果<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=gb2312">
<SCRIPT language="javascript">
function chan(oObj)
{
var arrObj = document.getElementsByName("n");
for(var i=0; i<arrObj.length; i++)
arrObj[i].src = arrObj[i].preSrc;
oObj.src = "4.gif";
}
function init()
{
var arrObj = document.getElementsByName("n");
for(var i=0; i<arrObj.length; i++)
arrObj[i].preSrc = arrObj[i].src;
}
</SCRIPT>
</HEAD><BODY onLoad="init()">
<INPUT type = "image" src = "1.gif" name = "n" onClick="chan(this)">
<INPUT type = "image" src = "2.gif" name = "n" onClick="chan(this)">
<INPUT type = "image" src = "3.gif" name = "n" onClick="chan(this)">
</BODY>
</HTML>

解决方案 »

  1.   

    <table border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td><img src="a.gif" border=0 id="pic1"></td>
    <td width=76 id="td" onclick="document.all.pic1.src='a.gif';">聊天</td>
    <td width=76 id="td" onclick="document.all.pic1.src='b.gif';">查找</td>
    </tr>
    </table>
      

  2.   

    点击事件更换class,代码如何实现,谢谢
    <table border="0" cellspacing="0" cellpadding="0">
     <tr>
    <td><img src="images/u_05_1.gif" border=0></td>
    <td width=76 id="tdname" onclick="changePic(1)" class="pg" onMouseOver="this.className='pg'" onMouseOut="this.className='pg1'">聊天</td>
    <td width=76 id="tdname" class="pg1" onMouseOver="this.className='pg'" onMouseOut="this.className='pg1'">查找</td>
    <td width=76 id="tdname" class="pg1" onMouseOver="this.className='pg'" onMouseOut="this.className='pg1'">管理</td>
    <td width=76 id="tdname" class="pg1" onMouseOver="this.className='pg'" onMouseOut="this.className='pg1'">其它</td>
    <td><img src="images/u_06.gif" border=0></td>
     </tr>
     </table>默认显示的clsss是pg,当点击"查找"后,"查找"显示class要换成pg,"聊天"的class要换成pg1, 其它一样
      

  3.   

    在点击"查找"按钮中加个js代码发生交换图片的事件
    而且在前的的图像加上name做个标识
    如:
    <img src="images/u_05_1.gif" border=0 name=abcimg>     //加了name
    ..<td width=76 id="td" onclick="swimg()" onmouseup="swimg()">  //加了点击和放在上面两个事件
    聊天</td>
    <script language=javascript>  //添加的事件代码
    function swimg()
    {name.src="images/u_05_2.gif"//变成u_05_.gif这个图片
    }
    </script>
      

  4.   

    {name.src="images/u_05_2.gif"//变成u_05_.gif这个图片
    }
    应改成{abcimg.src="images/u_05_2.gif"//变成u_05_.gif这个图片
    }