js实现点击图片变为另一张

mengxuexueer_mu 2011-12-20 01:42:56

我自己在图片中写了onclick事件，但是点击时没有反应，代码如下：
<img id="img1" src="/interaction/teacher/informanage/teachinves/dtree/img/heart_056.gif" onclick="return img1_onclick("img1")"/>

function img1_onclick(id) {
var imgName=document.getElementById(id).src;

if(imgName=="/interaction/teacher/informanage/teachinves/dtree/img/08.gif")
{
document.getElementById(id).src="/interaction/teacher/informanage/teachinves/dtree/img/heart_056.gif";
}else
{
document.getElementById(id).src="/interaction/teacher/informanage/teachinves/dtree/img/08.gif";
}
}

...全文

1215 10 打赏收藏转发到动态举报

写回复

用AI写文章

10 条回复

切换为时间正序

请发表友善的回复…

发表回复

mengxuexueer_mu 2011-12-20

打赏
举报

我现在图片能改变了，那么我怎样修改后台的数据呢

liladlove 2011-12-20

打赏
举报

如果你这个页面是和interaction文件夹是同一级的，把“/”去掉，或者加上“~/”

mengxuexueer_mu 2011-12-20

打赏
举报

没有也还是不行

lemon_2007 2011-12-20

打赏
举报



<img id="img1" src="images/user.gif" width="25px" height="25px" onclick="f_images(this.id);"/>



<script type="text/javascript">

    	function f_images(id)

    	{

    		var srcImg = document.getElementById(id).src;

    		

    		if(srcImg == "<%=basePath%>images/user.gif")

    		{

    			document.getElementById(id).src="<%=basePath%>images/ht_06.jpg";

    		}else

    		{

    			document.getElementById(id).src="<%=basePath%>images/user.gif";

    		}

    		

    	}

    </script>

这样可以，测试过了。用document.getElementById(id).src 获得的路径是全路径，带有ip地址和工程名的。

ziyouren521125 2011-12-20

打赏
举报



<img id="img1" src="/interaction/teacher/informanage/teachinves/dtree/img/heart_056.gif" onclick="img1_onclick('img1')"/>

ziyouren521125 2011-12-20

打赏
举报





<img id="img1" src="/interaction/teacher/informanage/teachinves/dtree/img/heart_056.gif" onclick="img1_onclick('img1')"/>  





 function img1_onclick(id) {

  var imgName=document.getElementById(id).src;



  if(imgName=="/interaction/teacher/informanage/teachinves/dtree/img/08.gif")

  {

  document.getElementById(id).src="/interaction/teacher/informanage/teachinves/dtree/img/heart_056.gif";

  }else

  {

  document.getElementById(id).src="/interaction/teacher/informanage/teachinves/dtree/img/08.gif";

  }

}

zy7318750 2011-12-20

打赏
举报

<img id="img1" src="/interaction/teacher/informanage/teachinves/dtree/img/heart_056.gif" onclick="return img1_onclick("img1")"/>
为什么要有个return

mengxuexueer_mu 2011-12-20

打赏
举报

好像是方法不对吧，问一下怎么才能实现呢

三石-gary 2011-12-20

打赏
举报

当你不知道方法到底执没执行的时候。。可以用alert（）一步一步的去看你想传的参数的值。。。

三石-gary 2011-12-20

打赏
举报



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <title></title>

</head>

<body>

    <img id="img1" src="images/1.jpg" onclick="img1_onclick(this.id)" />

    <script>

        function img1_onclick(id) {

           

            var imgName = document.getElementById(id).src;

            alert(imgName);

            if (imgName == "http://localhost:11186/images/1.jpg") {

                alert(1);

                document.getElementById(id).src = "images/2.jpg";

            } else {

            alert(2);

                document.getElementById(id).src = "images/1.jpg";



            }

        }

    </script>

</body>

</html>