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 5 of 5
  1. #1
    New to the CF scene
    Join Date
    Jun 2010
    Posts
    2
    Thanks
    1
    Thanked 0 Times in 0 Posts

    How do I make an image appear when hovering over text?

    I am trying to make a small picture appear when the mouse hovers over some text, using adobe dreamweaver cs4. If anyone knows how to do this, it would be a great help.

    Thanks

  • #2
    UE Antagonizer Fumigator's Avatar
    Join Date
    Dec 2005
    Location
    Utah, USA, Northwestern hemisphere, Earth, Solar System, Milky Way Galaxy, Alpha Quadrant
    Posts
    7,691
    Thanks
    42
    Thanked 637 Times in 625 Posts
    If you're not comfortable writing Javascript code, you'll need to find someone else's Javascript code that does this. You may also want to look at using jQuery, which is a framework of functions and methods written in Javascript but it makes life easier for the web developer. One particular jQuery plugin I use a lot for mouseover stuff is called clueTip.

    http://jquery.com

    http://plugins.learningjquery.com/cl...etting-started

  • #3
    The Apostate Apostropartheid's Avatar
    Join Date
    Oct 2007
    Posts
    3,215
    Thanks
    16
    Thanked 265 Times in 263 Posts
    Magic.
    However, this rule may get you thinking:
    Code:
    a img {
      display: none;
    }
    a:hover img {
      display: inline-block;
    }

  • #4
    New Coder
    Join Date
    Feb 2009
    Posts
    29
    Thanks
    1
    Thanked 1 Time in 1 Post
    Quote Originally Posted by Apostropartheid View Post
    Magic.
    However, this rule may get you thinking:
    Code:
    a img {
      display: none;
    }
    a:hover img {
      display: inline-block;
    }
    Nice trick,well it gonna make all image display: none

    You might also consider this trick: http://lab.arc90.com/2006/07/11/link...nail/#examples
    Last edited by tdave; 06-10-2010 at 08:03 AM.

  • #5
    New to the CF scene
    Join Date
    Jun 2010
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Use Flash

    Quote Originally Posted by jmc32 View Post
    I am trying to make a small picture appear when the mouse hovers over some text, using adobe dreamweaver cs4. If anyone knows how to do this, it would be a great help.

    Thanks
    Using flash for the purpose can also be a good idea. It might not be very search engine friendly so what you can do is create your menu using flash and give a normal link in the bottom so that internet users will see the flash graphics and the search engines will read the ordinary menu in the bottom.
    Last edited by oracleguy; 06-10-2010 at 05:42 PM.


  •  

    Tags for this Thread

    Posting Permissions

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