Hi!
i am new to javascript.i am trying to creat an photo gallery
in which image will appear one over another on mouse hover.but the code is not working.
i did
Code:
document.getElementById("hovers").span.img.style.z-index="2";
but nothing seems to work. .can any one suggest me how to fix this?
my code is here------
Code:
<!doctype html>
<html>
<head>

<meta charset="utf-8">
<title>Untitled Document</title>

<script language="javascript" type="text/javascript">
     function  changeindex()  { 
	 
	 document.getElementById("hovers").span.img.style.z-index="2";
}

</script>
<style>
*{margin:0px;padding:0px;}

ul{list-style-type:none;}
</style>
</head>

<body>
<ul >
<li style="position:relative;" >
      <img src="lom.jpg" width="200px"  height="200px"                   style="position:absolute;top:0px;"  id="hovers"  onMouseOver='changeindex();'/>
       <span style="position:absolute;left:300px;" ><img  src="lom.jpg"  width="400px" height="400px"  /></span>
</li>
</ul>
<img src="images4.jpg" width="400px" height="400px" style="position:relative;left:342px;top:0px;" />

</body>


</html>