[jQuery] clueTip positioning around image links
I am trying to use clueTip to create a Netflix-style effect where if
you hover over a thumbnail it will create a clueTip with more details
and a larger image. The clueTip is attached to an anchor which wraps
an image.
The functionality works ok, but the position of the clueTip feels very
random. It is also possible for the clueTip to be shown beneath the
mouse cursor which causes the hover to lose focus and the clueTip gets
in a loop of loading/closing/loading.
To fix this, I would like to pin the clueTip to a fixed place relative
to the top of the the link. Since the link spans multiple lines due
to the image, I believe clueTip is using the active coordinates of the
cursor. I have tried all of the various position options but they all
seem to use the active cursor coordinates.
Do you have any suggestions how I can make this happen? It seems like
this could be generally useful for others and would degrade nicely for
the single line link case.
Thanks,
Tom