为所有后画廊帖子中的所有图像实现一个模式(Lightbox)

时间:2021-06-03 作者:Jomeb

我正在尝试为我的post gallery帖子中的所有照片创建一个照片库页面,并在单击照片时打开一个模式。在页面中可能会有近100张照片,我不知道如何在不复制modal 100x的代码的情况下以良好的方式做到这一点。我曾考虑过使用插件,但我会这样做,作为制作自己网站和学习开发wordpress主题的一部分,所以我更喜欢使用代码来解决问题。

针对这种情况的一些最佳实践解决方案将非常棒!

我将感谢如何做到这一点的提示!

2 个回复
最合适的回答,由SO网友:Jomeb 整理而成

我使用jquery找到了一个解决方案。我设置了一个事件,当你点击一个图像时,它会打开一个模式,从图库中获取图像的url,并将其放置到模式中的img标记。它工作正常,但感觉像是一个变通的atm

SO网友:crispy

此W3Schools页面显示如何仅使用HTML、CSS和vanilla JS创建灯箱:https://www.w3schools.com/howto/howto_js_lightbox.asp

如果页面上有大量照片,可能需要删除与;缩略图图像控件;他们在本例中使用的。但是,除此之外,我认为他们的例子显示了你想要做什么。

另一种解决方案可能是使用基于jQuery的库,如Fancybox:http://fancyapps.com/fancybox/3/

相关推荐

Support Gallery link to pages

嗨,我是wordpress的新手,我尝试在主页上显示小图库(如服务),我希望他们将其链接到页面,而不是帖子。目前我正在研究这个主题。它有一个服务选项,但我无法将其与页面链接。我可以把它们和帖子联系起来。请推荐任何插件