jQuery工具提示图像预览无法正常工作

Question

我有一个简单的图片库，我已经对其进行了分页，并且我希望像istockphoto.com上使用的那样使用悬停效果来预览图像而不必离开页面。

这个jQuery工具提示插件看起来简单，直观，写得很好，所以我在我的网站上实现了。该插件位于：http://cssglobe.com/post/1695/easiest-tooltip-and-image-preview-using-jquery

然而......它根本不起作用。你们都可以看一看，让我知道我可能忽略了一些荒谬可笑的东西吗？

我的开发网站：http://homewoodphoto.jhu.edu/gallery/20030101_test_gallery/

谢谢！

Answer 1

您错过了工具提示的CSS

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

已添加此功能，并且可在您的网站上使用

Answer 2

示例开发页面中的工具提示apears！但它已经不在窗外了。它是在您的页脚下创建的。您的CSS ID预览以及顶部和右侧值有问题。当您移动图像时，您可以看到右侧的滚动条移动了一点！

尝试添加

#preview {position:absolute;}

到您的CSS。