jQuery tooltip image preview not working

I have a simple image gallery that I've paginated, and I want to to use a hover effect on roll over like the one in use at istockphoto.com, for previewing the images without having to leave the page.

This jQuery tooltip plugin looks simple, straightforward, and well-written, so I implemented on my site. The plugin is here: http://cssglobe.com/post/1695/easiest-tooltip-and-image-preview-using-jquery

However... it's not working at all. Can you all take a look and let me know what ridiculously dumb thing I've probably overlooked?

My development site: http://homewoodphoto.jhu.edu/gallery/20030101_test_gallery/

Thanks!

13.10.2009 16:05:00
2 ОТВЕТА
РЕШЕНИЕ

Your missing the CSS for the tool tip

#preview{
    position:absolute;
    border:1px solid #ccc;
    background:#333;
    padding:5px;
    display:none;
    color:#fff;
    }

Added this and it works on your site

2
13.10.2009 16:30:25
Fantastic. Figures it was CSS, which I know and love, that caused a problem in my jQuery, which I'm learning as I go. Oy.
rhodesjason 13.10.2009 18:44:06

The tooltip in your example development page apears! But it is out the window. It is created below your footer. There is something wrong with your CSS of the id preview and the top and right values. You can see that the scrollbar on the right moves a little bit when you move over an image!

Try to add

#preview {position:absolute;}

to your CSS.

1
13.10.2009 16:14:31