onMouseover

[Hankman]

I reviewed your demo on "enable arbitrary links or image thumbnails to pop up an enlarged (different) image onMouseover by using this CSS code (sushi). I have used the code to accomplish what I wanted to do and that was just to pop up a picture when I did a mouseover. However, I noticed that the picture displays, starting with the line that I am using the mousover command. I would like to know if I can use the mouseover and put the picture up in the top, right hand corner, regardless of where I was on the page?

Thanks,

Bighen

[jscheuer1]

Without a link to the code I can't be specific but, if the pop up is absolutely positioned and not inside any relatively positioned elements, just set its right and top properties to 0. Make sure no bottom or left properties are specified.

This will work unless the page is scrolled. How close to the top of the page are the thumbnails? If there are just a few thumbs, close to the top, this will be fine. Otherwise the position should be fixed and this will not work in IE, so either a script or complicated styling (either one probably needing to be tailored somewhat to the page) would need to be used for it. All other modern browsers will render the fixed value for position properly.