Jump to content

[looking for] modules which displays imahe on a link hover


Recommended Posts

Hi smuch,

Try this code :

                                              HTML

<div id="Layer1" class="mydiv">
    <strong><font color="#FFFFFF">This is image Descriptions.</font></strong>
</div>
<table width="333" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#666666">
  <tr>
    <td height="275" align="center"><img class="myimage" id="myimage" src="http://innovativeslabs.com/test_image.jpg" width="113" height="114"></td>
  </tr>
</table>

                   And the css

.image:hover + .mydiv {
    visibility: visible;}
#myimage:hover {
opacity: 1;
}
#myimage {
opacity: 0.4;
} 
.mydiv{
visibility: hidden; 
position:absolute; 
left:583px; 
top:318px; 
width:153px; 
height:192px; 
z-index:2; 
background-color: #CC3300; 
border: 2px solid #000000;"}

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More