2009-10-13 53 views
0

我有一个简单的图片库,我分页,我想要使用像istockphoto.com使用一个悬停效果,用于预览图像,而无需离开页面。jQuery的工具提示图像预览不起作用

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

但是...它根本不工作。你们大家可以看看,让我知道我可能忽略了什么荒谬可笑的事情吗?

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

谢谢!

回答

2

你失踪了刀尖

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

加入这个CSS和它的作品在您的网站

+0

神奇。数字是CSS,我知道并且很喜欢,这导致了我在学习的jQuery中的问题。 Oy公司。 – rhodesjason 2009-10-13 18:44:06

+0

不错的网站btw :) – 2009-10-13 18:53:05

1

示例开发页面中的工具提示apears!但它在窗外。它创建在您的页脚下方。您的id预览的CSS和顶部和右侧值有问题。当您移动图像时,您可以看到右侧的滚动条移动一点点!

尝试

#preview {position:absolute;} 

添加到您的CSS。