日期:2014-05-16  浏览次数:20282 次

简单调用函数问题---在线等
我有一个页面,上面是三个小图片, <a   href= "javascript:gg( 'a1 ')> <img   src= "a "> </a>   <a   href= "javascript:gg( 'a2 ')> <img   src= "b "> </a>   , <a   href= "javascript:gg( 'a3 ')> <img   src= "c "> </a>


我每次点击一个图,使页面的一个固定div显示对应的图,此功能已经实现。
现在问题是:我想添加一个   向前,跟向后的按钮,点击向前按钮,则DIV里的图片显示当前图片的前一张,点击向后按钮,则DIV里的图片显示当前图片的后一张图片。

请问如何实现???



------解决方案--------------------
利用数组来实现:
push加一个元素。
splice删掉从某个开始的n个元素。
按按钮的时候,可以用一个全局变量记录当前图片对应的数组索引。
------解决方案--------------------
那应该要加个onclick事件了。这样可以通过event.srcElement取得触发时间的对象
------解决方案--------------------
你所有的a应该是放在同一个容器对像下,如一个div里, 这样
div.childNodes就表示这些a对象的数组
for(var i = 0; i < div.childNodes.length; i++){
if(div.childNodes[i] && div.childNodes[i].tagName == 'A '){
//do
}
}
------解决方案--------------------
你这个东西必须要捕捉事件,你想把事件放哪?
------解决方案--------------------
<html>
<head>
<SCRIPT>
function gg(obj)//obj是点击的a对象.
{
alert(obj.all(0).src + "\n " + obj.all(0).id);//obj.all(0)取得内部的img对象
}
</SCRIPT>
</head>
<body onload= " ">
<form>
<a href= "# " onclick= "gg(this) "> <img src= "a " id= "d0 "> </a>
<a href= "# " onclick= "gg(this) "> <img src= "b " id= "d1 "> </a>
<a href= "# " onclick= "gg(this) "> <img src= "c " id= "d2 "> </a>
</form>
</body>
</html>
这个样子做该取到的都取到了.具体如何操作就看你了.