Google图片查看模式示例

时间:2017-12-24 18:43:22

标签: javascript html css

我想在点击时实现谷歌图片类图像(和其他细节)。

单击图像时,附加数据会在其下方展开,箭头指向起始位置,当选择其他图像时,第一个图像会折叠而另一个图像会展开。这样的事情是存在的(开源)还是只有我自己实现它的选项?

我的意思截图: enter image description here

谢谢

1 个答案:

答案 0 :(得分:0)

Photoswipe 是一个很棒的响应式JavaScript库。

This is a link to an example of Photoswipe.

您可以添加标题,自定义与谷歌图片搜索非常相似的背景。 enter image description here

点击照片后,Photoswipe会让你使用标准的html,css和javascript在你的页面上显示你的图像。您可以按照下面的说明添加字幕。

enter image description here

Attached Detailed Guide for Photoswipe