jquery - 悬停拇指 css 上的中心图像

Question

当我将鼠标悬停在拇指上时，我想让图像在屏幕中央弹出。我有多个拇指，我都希望它们在屏幕中央显示一个 div(包括文本和图像)，独立于屏幕分辨率等。

<a href="#thumb"><img src="img/thump_5.png" width="150px" border="0" /><span><b>some info and image 1</b><br><img src="img/5.png" width="510" height="335" /></span></a>
<br>
<a href="#thumb"><img src="img/thump_2.png" width="150px" border="0" /><span><b>some info and image 2</b><br><img src="img/2.png" width="510" height="335" /></span></a>
<br>
<a href="#thumb"><img src="img/thump_3.png" width="150px" border="0" /><span><b>some info and image 3</b><br><img src="img/3.png" width="510" height="335" /></span></a> 
<br>
<a href="#thumb"><img src="img/thump_4.png" width="150px" border="0" /><span><b>some info and image 4</b><br><img src="img/4.png" width="510" height="335" /></span></a>
<br>
<a href="#thumb"><img src="img/thump_1.png" width="150px" border="0" /><span><b>some info and image 5</b><br><img src="img/1.png" width="510" height="335" /></span></a>

我遇到了这个问题:Using jQuery to center a DIV on the screen

但我不知道如何在我的 html 代码中实现它。任何人都可以帮我解决 css/jquery 让它工作。问候，

马蒂斯

Answer 1

这可能正是您正在寻找的:

• > http://jmar.github.com/jquery-hoverZoom/

这些并没有完全将 div 居中在屏幕中间，但它们看起来也不错 ;)

• > http://cssglobe.com/lab/tooltip/02/
• > http://james.padolsey.com/demos/imgPreview/full/
• > http://home.comcast.net/~littlemoe85/thumbhover/index.html