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

时间:2011-07-15 17:10:31

标签: jquery

这两个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">

我正在思考(一个Facebook)关于大图像的动作悬停,在大图像的垂直中心显示隐藏的下一个和上一个链接的缩略图,之前靠近左侧,下一个靠近右侧。

如何做到这一点?

1 个答案:

答案 0 :(得分:1)

使用jquery灯箱插件
    http://leandrovieira.com/projects/jquery/lightbox/