使用jQuery实现类似Facebook的上一个和下一个图像效果

Question

这两个div标签都显示实际大图像中的前一个和下一个图像：

<div class="alignleft"><a href="1005.php"><img width="50" height="50" src="thumb-98.jpg" class="previous"></a></div>

<div class="alignright"><a href="1051.php"><img width="50" height="50" src="thumb-100.jpg" class="next"></a></div>

它会显示实际的大图：

<img width="600" height="800" src="99-600x800.jpg" class="large-image">

我在想(a la Facebook)动作悬停的大图像，在大图像的垂直中心显示隐藏的下一个和前一个链接的缩略图，上一个靠近左侧，下一个在右侧。

如何做到这一点？

Answer 1

使用jquery灯箱插件

http://leandrovieira.com/projects/jquery/lightbox/