How do people make those "mouse-over" photos?

Question

you know, those photos where if you put your mouse cursor over a certain point, a little box will pop up with some words in it like "YOU GOT IT!". is there some kind of program or html code or something to do that?

Answer 1

Inside of your image tag use the attribute; title="whatever text you want"

Answer 2

There are a few different ways to do it.

The most elementary of which, is to use an image map. An image map is an block of code in your HTML that defines a mapping of coordinates to links. This allows you to break up a single image into multiple links to other pages without needing to slice your images into many and piece them together like a puzzle. Then you can use JavaScript to pop up the box. If you are just looking for a tool-tip, then the 'title' attribute in the link works just as well.

Here is a tutorial from w3schools:
http://www.w3schools.com/js/js_image_maps.asp
And their example:
http://www.w3schools.com/js/tryit.asp?filename=tryjs_imagemap

Answer 3

Most of the time these are done with java scripts but you can also do this with CSS.
Here is a great article on the CSS method.

http://moneytreesystems.com/css/picpopup.html

Very short very simple method that works.
The original article came from
http://www.cssplay.co.uk/
and is a great resource for "css tricks"