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
Post a Comment