PDA

View Full Version : HTML Help


VprDmnd
27th January 2005, 07:01 PM
Anyone here know anything about HTML? I have a problem.

Here's the thing. Check out http://www.tthins.com/staff.html

If you click on a name, you will see that I have it set up so that that person's picture pops up.

Here is what I want to do (and I know it is possible because I have seen it, just don't know how to do it)

I want to use an onMouseOver event that will have the picture pop up (only not in another browser window if that makes sense)

Then I want to use an onMouseOut event to get rid of the picture when the cursor is taken off of that person's name.

By the way, I am using Macromedia DreamWeaver to do this.

Anyone have any ideas?

Shiola
27th January 2005, 08:12 PM
Check out the photorollovers here - http://www.shiola.co.uk/rollovers.shtml - open a box and then see the image that you rollover to make the image change? Just change that to your normal text link and then you can use a blank image for the original image, then when the mouse rolls over, the 'actual' image appears.

VprDmnd
27th January 2005, 08:20 PM
I'm not sure I understand. Am I heading in the right direction with this?

<a href="#" onMouseOver="over()" onMouseOut="out()" onClick="return false;">
<img src="placecursorhere.gif" width="255" height="25" border="0">

Change the img src to the image that I want to pop up, and then that is it?

shai
27th January 2005, 09:00 PM
Well, no, not until you specify what over() and out() does. Thats the hard part (unless you just steal it from somewhere).

daveytaylor
27th January 2005, 10:40 PM
Try this.

http://www.dynamicdrive.com/dynamicindex4/imagetooltip.htm

Failing that you would have to be more specific. Do you want the image to always appear on the same place on the page or would it "float" above the page. This can be done with DHTML and if you check out the rest of Dynamic Drive you should find code that you can bastardise to suit your needs.

Shiola
28th January 2005, 01:39 AM
Actually Dave's link looks the sort of thing you need.

VprDmnd
28th January 2005, 03:05 AM
Must not work with tables, tried everything I know to do...damn

shai
28th January 2005, 10:38 PM
Just type up the Javascript code by hand.

Zorro
23rd February 2005, 10:01 PM
bastardise

*claps*love that word