点击全屏图片库

Posted 2023-03-06

【中文标题】点击全屏图片库

【英文标题】：Full screen image gallery on click

【发布时间】：2015-09-18 01:45:25

【问题描述】：

在https://willhay.io/photography/，我有一堆不同的图片。

我希望用户能够单击图像，然后进入一种全屏图像库，箭头来回切换图像，X 按钮返回主摄影页面。

我的服务器上有单独的全分辨率图像。

我是否只需将当前图像链接指向每个全屏/分辨率图像的页面？我觉得有一种更简单的方法可以做到这一点。任何有关此事的帮助将不胜感激！

感谢您的宝贵时间！

【问题讨论】：

使用jacklmoore.com/colorbox jquery colorbox

如果可能的话，我更喜欢全屏而不是弹出窗口。

【参考方案1】：

我决定以我猜想的艰难方式去做。为所有 30 张图片制作了单独的 html 文件......这是一个巨大的痛苦，但它终于完成了！在这里查看https://willhay.io/photography。

对于 X 按钮和箭头，我使用了 unicode 符号，然后复制并粘贴它们。 X 按钮返回 willhay.io/photography，每个箭头都是一个链接，可以转到下一张图片或上一张图片的页面。如果您发现任何问题，请告诉我！

【参考方案2】：

https://github.com/kayahr/jquery-fullscreen-plugin 怎么样？这个插件可以让你在全屏之间切换，你也可以自定义成幻灯片等。

【讨论】：

不是全屏，只是占据了窗口高度的宽度。