Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Nov 2003
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Mouse Over Image

    I was wondering does anyone know the code for when you put your mouse over a text link and an image appears above it?

  • #2
    Senior Coder
    Join Date
    Feb 2004
    Posts
    1,206
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Code:
    <style>
     .vis {
      display:block;
      visibility:visible;
     }
    
     .invis {
      display:none;
      visibility:hidden;
     }
    </style>
    
    <img src="your_img.jpg" id="img1" class="invis">
    <a href="your_link" onmouseover="document.getElementById('img1').setAttribute('className', 'vis');" onmouseout="document.getElementById('img1').setAttribute('className', 'invis');">your_link</a>
    I'm pretty sure that'll do the trick.. Let me know how that works out for you.

    Sadiq.


  •  

    Posting Permissions

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