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 Chriss Miller on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

RE: Pop-up text box

Status
Not open for further replies.

Guest_imported

New member
Joined
Jan 1, 1970
Messages
0
Hi,

I have a jpeg file (photo) and I want to create a something where during a mouse over a box of text explaining the photo will pop-up and then disappear when the mouse over is terminated. I also want the photo to remain visable when the text box is visable and for the text box not to obscure it. Is there a way to do this. Any suggestions?

Thanks,

Tilford Bartman (bartmant@earthlink.net)
 
Use the alt tag for an image

eg:
Code:
<img src=&quot;myimage.jpg&quot; alt=&quot;Click here to zoom on the image&quot;>
Ranjan
- A Dreamweaver Community
Join today for your answers in web design
 
Hi Tilford!

You may also use some JavaScript but using ALT attribute looks the easiest (if not the best) way! Good Luck! :-)
 
Yup,
Alt tag will work and is the simplest, although it will show up over the picture, depending on where the mouse is, and how much text you have.

If you arent great at programming its easy to do in DW Design View. Basically click on the picture you want the text over and in the Properties box (if this isnt open got window>properties) on the right hand side of the properties box you will see a text box with the name ALT type in the text you want over the pic here, and voila its all done. Then preview it to see, how it looks.

OR if you definitely dont want it over the picture, you can use the Behaviours option. Open the behaviour window, (window>behaviours)click the picture, Then click on the big +, then from the drop down menu select pop up message, then enter the text for your picture.The action you have selected will show up in the behaviours window. Under the event side of the behaviours window, it will probably say &quot;on mouse up&quot; and have a drop down arrow, click the drop down arrow and select another event such as &quot;on mouse over&quot;. Then check again in preview.
Have a play with the behaviours, there are some great things you can do :)

Hope that helps :)
 
ok you guys say that alt tag may not be the best way. what about search engines and the advantage an alt tag would have over any javascript? what about accessibility?

in web design no method is the best method. because every method has its adantages and disadvantages. please do not run down a suggestion unless IT IS THE WORST WAY to achieve a solution Ranjan
- A Dreamweaver Community
Join today for your answers in web design
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top