怎样实现鼠标点击图片变换另一张再点一下就回来

我有两个难题，如果能实现的话请高手帮帮我
1.我想做一个鼠标点击这张图片变成另一张图片，再点击一下就变回来了。
2.还有一个就是鼠标点这张图片，另一张图片变换成别的图片，也就是点第一张图片，第二张就变成第三张图片，再点第一张图片，第三张图片就变回原来的第二张图片。
请会的高手们教教我

7 个解决方案

#1

<img src="1.jpg" style="width:100; height:100" onclick='change(this)'/>

<script>
function change(s) 
{
  
  if(s.src=="1.jpg")
    {this.src="2.jpg"}
  else
  {
    this.src="1.jpg"
  }

}
</script>

#2

你这个代码我试了一下，点图片，图片不会换的，能再帮我看看吗

#3

<script>
function change(s) 
{
  
  if(s.src=="1.jpg")
    {s.src="2.jpg"}
  else
  {
    s.src="1.jpg"
  }

}
</script>
<img src="1.jpg" onclick="change(this)">

#4

朋友，你调试过了吗，为什么我调试不行呀

#5

晕死，居然不让我贴代码。害我白写了。郁闷

#6

那你发到我邮箱里可以吗，[e-mail]

#7

<script language="javascript">
 var i=0;
 function changepic()
 {  
  if(i==0)
   {
      pics.src="http://www.51windows.net/51windows.net.logo.gif";
      pics.title="51windows";     
      i=1;
   }
   else
   {
      pics.src="http://www.baidu.com/img/logo-yy.gif";
      pics.title="baidu";    
      i=0;
   }
 }
</script>

<img name="pics" border="0" src="http://www.baidu.com/img/logo-yy.gif" onclick="changepic();this.blur();" style="cursor:handa;">