jquery图像预览悬停-如何设置固定位置？

Question

请参考here。我想让图像预览/工具提示坐在相同的位置，无论我滚动什么图像缩略图，我都不能让它工作。我已经设法使用内联CSS将其设置为绝对位置，但根据我悬停在其上的缩略图的不同，该位置仍然会改变。

这是我的jsfiddle：http://jsfiddle.net/FsPSZ/

如果有人可以解释我如何才能让预览图像留在一个确定的位置，为所有3，这将是伟大的。

编辑:感谢tuff在这里兴奋地发布了我想要的东西：http://jsbin.com/ogutiv/1/edit问题是，我如何才能有这个动画？我尝试了CSS3和不透明过渡，但没能让它工作。谢谢。

Answer 1

好吧，我不确定你的意思是工具提示的位置应该相对于它们各自的缩略图是固定的，还是所有的工具提示应该出现在一个固定的位置。

在任何一种情况下，都可以不使用JS，因为所有的JS都是用来计算相对于光标的位置的，您说这是不需要的。

这是一个演示，显示相对于缩略图的固定位置的工具提示：http://jsbin.com/ogutiv/2/edit

这是一个演示，显示了相对于所有缩略图容器的单个固定位置上的工具提示：http://jsbin.com/ogutiv/1/edit

Answer 2

使用像这样的东西

$("#img").mouseover(function(){
$(this).css("postion","absolute");
})

$("#img").mouseout(function(){
$(this).css("postion","relative");
})