Wednesday, December 30, 2009

How can I get a text box or caption on a section of an image on mouseover?

I want to post a relatively large image on the Internet, but have it so that when you hover on certain parts of it, you get a caption or text box appear, multiple times on one image, for selected sections of the image only. Is this possible? I am a relative novice when it comes to advanced image-tinkering and programming. Can anyone help?How can I get a text box or caption on a section of an image on mouseover?
A certain amount of CSS knowledge is required, but relatively speaking it's pretty easy.





Some good links that show how to do it:





http://alistapart.com/articles/imagemap


http://www.frankmanno.com/ideas/css-imag鈥?/a>





Hope those help!


:)How can I get a text box or caption on a section of an image on mouseover?
You can use a program call Microsoft Frontpage.





Or you can set out your images on a grid.





You have one large image. You take that image and divide it into rectangular images. You upload them on photobucket.com or tinypic.com and you set an ALT attribute in the image's HTML code. Using HTML, you can put the image together without spaces. After having done that, the image will look like one, but is actually many other images put together by HTML. When someone scrolls over to the image and move around it, the ALT attribute of the image tag (HTML) will show a small caption of what it is about before being clicked.





Got a question? I'm on Yahoo.
your talking about an image map, and it is very possible. The easiest way to do it is probably with flash, but you could also do it with javascript if that's your thing.








-BoneSaw

No comments:

Post a Comment