Tooltip hover issue

[noahgelman]

When I hover an image, I have some basic jquery to create a tooltip overlayed onto the image. It just contains the title and alt text. However, when I move the mouse over the tooltip, the tooltip flickers constantly.

It’s because hovering the tooltip isn’t registering as a hover on the image anymore so the tooltip disapears, so then I would be hover the image and so the tooltip comes back, thus the flickering.

For some reason, when you hover the tooltip, it’s not bubbling down like it’s supposed to.

Any ideas?

[TheDoc]

Link it up!

[noahgelman]

Sorry, Here is the [link removed]

The toolTip part starts in the scrollable.js, line 203

[noahgelman]

And I wrote it myself. Didn’t need to use a plugin as it should be a very simple matter

[noahgelman]

Ok, I can’t name lines, since I’m still editing parts of the code, but you should be able to figure it out

[TheDoc]

I only see this http://grab.by/aQOB

[noahgelman]

oh crap, i totally forgot, the site has a maintenence page up until complete. You have to have a login/password to view it.
I’ll copy/paste the relevant code.

$("img").bind("mouseover", function() {

var pimg = $(this);

var position = pimg.position();

var top = position.top;

var left = position.left;

var title = $(this).attr('title');

var alt = $(this).attr('alt');

$(this).parent().append('
' + title + '
' + alt + '
');

});



$("img").bind("mouseout", function() {

$('.toolTip').remove();

});

[Author]

Posts