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

[jmc32]

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

[Fumigator]

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

[Apostropartheid]

Magic.
However, this rule may get you thinking:

a img {
  display: none;
}
a:hover img {
  display: inline-block;
}

[tdave]

Originally Posted by Apostropartheid

Magic.
However, this rule may get you thinking:

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

[meddle58]

Originally Posted by jmc32

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.