Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations Chris Miller on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Can you popup an image by mousing over an image?

Status
Not open for further replies.

mickeyj2

Programmer
Jun 7, 2007
79
US
Hi,

I'm not sure if there's an easy way to do this, but here's what I want.

I have a standard image defined as:

<img name = 'ProductImage1' src='\images\image1.jpg'>

Can I have a mouseover or CSS that allows me to "inform" the user about something? Like a tooltip. I know that I can use the ALT attribute, but I wanted something that would stand out a little bit more, so I created my own image.

Also, I don't want to do an image swap either, I just want to popup this little balloon tip if the user happens to hover over my static image. Should I go with JS or CSS as the optimal choice? I don't want to add too much code if I can avoid it. I've seen some elaborate CSS out there for thumbnails and such.

Thanks in advance for your help.

mickeyj2
 
You could use a hidden floating <div> that has the text in it and becomes visible when you put the mouse over a graphic. That would most likely be done using Javascript.

Lee
 
pretty easy to do... here's something to start with.

javascript:

Code:
onMouseOver="javascript: document.getElementbyID('tip').visibility=visible"

onMouseOut="javascript: document.getElementbyID('tip').visibility=hidden"

jason
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top