Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/python-3.x/19.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用jQuery实现类似Facebook的上一个和下一个图像效果_Jquery - Fatal编程技术网

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

使用jQuery实现类似Facebook的上一个和下一个图像效果,jquery,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="5

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

它显示实际的大图像:

<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">

我在想(一张脸书)在大图像的动作悬停上,在大图像的垂直中心显示隐藏的下一个和上一个链接的缩略图,上一个靠近左侧,下一个在右侧


如何做到这一点?

使用jquery灯箱插件

谢谢你的建议Sparky672。我刚刚做到了!这种事再也不会发生了。谢谢。不,因为它不是一组图像,所以更简单,“上一个”和“下一个”都是缩略图,可以将页面重定向或重新加载到“上一个”或“下一个”图像视图。@JoséPablo Orozco Marín:您明确表示希望在Facebook上看到类似的内容,而lightbox正好满足这一要求。