views:

59

answers:

3

I was wondering is it possible to customize the tooltip that we get after setting the title attribute in an img tag? Now I get a standard rectangle with blue background with text on it and what I'd want to get is my own image (lets say something that looks like a cloud) with text on it. Is it possible with css or js?

+4  A: 

You need javascript for that. try this here or here Or you can roll your own. But basically there is no way to do it directly in html (dont know about htm5/css3).

Iznogood
The flowplayer tooltips are great!
Kyle Sevenoaks
+1  A: 

Create your own! You can simply create a hidden div in your HTML, then when someone hovers over the image, show your div instead.

mkoistinen
A: 

If you would like to create a custom tooltip, I would recommend this. It shows you, in detail, how to create your own tooltips in js, which are CSS driven and can be easily reused.

Additionally, if you are using a framework, things get even easier. For example there are numerous jQuery tooltip plugins. These allow you to make your tooltips appear on the mouseover of any element.

cdmayer