怎么点击图像变换成另一图像，再点再变回来？

实现这样一个排序功能，在datagrid的模版列里点击一向上的图像箭头，图像变换为另一
个向下的箭头，再点击再回到向上的箭头，点击时记录会升序或降序，该怎么弄好呢？我用WEB的imagebutton试过，但它放在datagrid里了，弄不出来它的事件处理，
用HTML的image做，函数如下:
function aa()
{   if(Form1.img1.src=='file:///C:\Inetpub\wwwroot\WebApplication1\images\sort_up.gif')
    Form1.img1.src='file:///C:\Inetpub\wwwroot\WebApplication1\images\sort_down.gif';
  else
    Form1.img1.src='file:///C:\Inetpub\wwwroot\WebApplication1\images\sort_up.gif';
}
第二个图像不显示，郁闷!~~
各位兄台帮帮忙!!哪种方法都可以!!

解决方案 »

  1.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
    <head>
    <title> New Document </title>
    <meta name="Generator" content="EditPlus">
    <meta name="Author" content="活靶子 huobazi.aspxboy.com">
    <meta name="Keywords" content="">
    <meta name="Description" content="">
    <script>
    function a()
    {
    obj = document.getElementById("img");
    if(obj.src == "http://community.csdn.net/images/CSDN_logo.GIF")
    {
    obj.src="http://zi.csdn.net/csdnjob-c2.gif";
    }
    else
    {
    obj.src="http://community.csdn.net/images/CSDN_logo.GIF";
    }}
    </script>
    </head>
    <body>
    <img id="img" src="http://community.csdn.net/images/CSDN_logo.GIF" />
    <button onclick="a()">Click</button>
    </body>
    </html>
      

  2.   

    在相应模板中控件增加onclick事件然后在c#脚本中定义
    public void ChangeImg(object sender, System.EventArgs e)
    {
    //这里是button
    Button btn = (Button)sender;
    btn.xxxx=yyy
    }
      

  3.   

    感谢各位，一会给分，问题我用(武眉博<活靶子.NET>) 的方法时，
    我的图像是本机上的，file:///C:\Inetpub\wwwroot\WebApplication1\images\sort_up.gif
    点击后第二个图像还是不显示？
    该怎么解决？
      

  4.   

    如果 你要是在不刷新的基础上 就用JAVASCRIPT来写  
    如果是要刷新的话 那就简单了  用一个SESSION 来判断是第几次点 然后 控制IMAGE的SRC就可以了