Jump to content

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

Recommended Posts

Hi smuch,

Try this code :


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

                   And the css

.image:hover + .mydiv {
    visibility: visible;}
#myimage:hover {
opacity: 1;
#myimage {
opacity: 0.4;
visibility: hidden; 
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

  • Create New...

Important Information

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