80分在线等高手？急！

很简单用onclick事件改变img的src值.楼主不能太懒,自己找找资料做吧

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

我知道用  onclick事件改变img的src值可是当网页上有不同的状态，有时第一次浏览时看到的是一号图片  或有时看到的是图片2 这就需要每次单击时候还需要根据当前图片是图片1或图片2或图片3  来进行编码该怎么做呢,怎样判断当前是图片一还是图片2 或图片3 呢！
一般根据img的src属性判断就好了lz的是什么图片，是代码生成的吗？
现在我想到了一个方法：但是还有不足的地方，就是我打印出图片的 src属性是这样的
file:///D:/liyanming/img/img/checkboxon.gif 不知道还有没有别的方法判断呢？或者怎样
获得图片的相对路径呢？请指教，谢谢大家了，下面是我的代码？function changepic(o){
  //if (document.dd.)
if (o.src=="file:///D:/liyanming/img/img/checkboxon.gif")
o.src= 'img/img/checkboxno.gif';
else if (o.src=="file:///D:/liyanming/img/img/checkboxno.gif")
o.src= 'img/img/checkboxoff.gif';
else
o.src= 'img/img/checkboxon.gif';
}
o.src.indexOf("checkboxon.gif")>=0
o.src.indexOf("checkboxno.gif")>=0
这种函数经常用就记住了，
java里也常用，
实在不记得就查看jscript手册里面string对象的方法
foo中的src参数为图片地址，如果数组中的地址与之相同，那么自动从该下标开始记数<img src="http://zi.csdn.net/autodesk2-760_91.gif" onclick="foo(this,this.src)"/>
<script type="text/javascript">
//<![CDATA[var cnt = 0;
function foo(o,src) {
  var p = [
    "http://zi.csdn.net/community_post_page-vertical_banner120x360.gif",
    "http://zi.csdn.net/comm_button.gif",
    "http://zi.csdn.net/autodesk2-760_91.gif"];
  if (!o.getAttribute("x")) {
    for (var i=0; i<p.length; i++)
    if (p[i]==src) cnt=i;
  }
  o.src=p[++cnt==p.length?cnt=0:cnt];
}
//]]>
</script>
更正一下，下面的是javascript
下次建议诸君,在发贴前,先搜索一下,可以为你节省时间与精力,当然还有金钱,^_^http://community.csdn.net/Expert/TopicView3.asp?id=4908732//这里鄙人回的JScript的,基本上一样,下面的是javascript;
<script language="javascript>function changeIt()
{
var node = document.getElementById("image");
var src = node.getAttribute("src");
var pos = src.lastIndexOf('/');//取图片名较JS多了一步
var imageName = src.substr(pos+1, src.length-pos);//取图片名较JS多了一步
if (imageName == "image1.gif")
{
node.setAttribute("src","./image/image2.gif");
}
else if (imageName == "image2.gif")
{
node.setAttribute("src","./image/image3.gif");
}
else if (imageName == "image3.gif")
{
node.setAttribute("src","./image/image1.gif");
}
}
</script>
</HEAD><BODY>
<button onclick="changeIt();return true;">更换图片</button><br/>
<img id="image" src="./image/image1.gif">
</BODY>
</HTML>

80分 在线等高手？急！

解决方案 »

80分在线等高手？急！