javascript - Image appears on image when hover -


<div>   <a href="#"><img src="images/informasjon_button.png" width="120px" height="120px" /></a> </div> <div>   <a href="#"><img src="images/mail_button.png" width="120px" height="120px" /></a> </div> <div>   <a href="#"><img src="images/facebook_button.png" width="120px" height="120px" /></a> </div> <div>   <a href="#"><img src="images/tlf_button.png" width="120px" height="120px" /></a> </div> <div>   <a href="#"><img src="images/portfolio_button.png" width="120px" height="120px" /></a> </div> </div> 

i need image appear while hovering on current image.

give div's id>

something like:

html:

<div id="image1"> <a href="#"> <img src="images/informasjon_button.png" width="120px" height="120px" /></a><span class="overlay"></span></div> 

css:

.image1:hover .overlay {   position:absolute;   width: 48px;   height: 48px;   z-index: 100;   background: transparent url('image2.png') no-repeat;   cursor: pointer; } 

Comments

Popular posts from this blog

basic authentication with http post params android -

vb.net - Virtual Keyboard commands -

How to get multiresult with multicondition in Sql Server -