position layer relative to current moused over image

[ringadeal]

I will be creating a layer to show up onmouseover of any thumbnail image of color swatches. How do I position the layer to appear directly above any current moused over thumbnai image?

Page example:

http://www.canchair.com/new_web_pro...50&ProductFamily=1&ProductFamilySub=9

 

[BabyJeffy]

You will need to figure out the position of the image (relative to the view port) and then tweak the "layer" top and left position accordingly.

You might want to consider one of the javascript frameworks (like Prototype) to help do this cross-browser for you (it also has easy-to-use methods to get the position of elements).

Let us know how you go.

Cheers,
Jeff

[tt]Jeff's Blog [!]@[/!] CodeRambler

http://www.coderambler.com/

http://www.coedit.co.uk/

[/tt]

Make sure your web page and css validates properly against the doctype you have chosen - before you attempt to debug a problem!

FAQ216-6094

 

[ringadeal]

Where can I find resources to assist with the above suggestion?

 

[johnwm]

First hit on Google for 'prototype' gives

http://www.prototypejs.org/

___________________________________________________________
If you want the best response to a question, please check out FAQ222-2244 first.
'If we're supposed to work in Hex, why have we only got A fingers?'
Drive a Steam Roller
Steam Engine Prints