www.webdeveloper.com
Results 1 to 3 of 3

Thread: getElementById for z-indexing of image problem

Hybrid View

  1. #1
    Join Date
    Nov 2013
    Posts
    44

    getElementById for z-indexing of image problem

    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>

  2. #2
    Join Date
    Mar 2007
    Location
    localhost
    Posts
    2,509
    Yes, I know I'm about as subtle as being hit by a bus..(\\.\ Aug08)
    Yep... I say it like I see it, even if it is like a baseball bat in the nutz... (\\.\ Aug08)
    I want to leave this world the same way I came into it, Screaming, Incontinent & No memory!
    I laughed that hard I burst my colostomy bag... (\\.\ May03)
    Life for some is like a car accident... Mine is like a motorway pile up...

    Problems with Vista? :: Getting Cryptic wid it. :: The 'C' word! :: Whois?

  3. #3
    Join Date
    Nov 2013
    Posts
    44
    thanks!

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles