图片的JS Lightbox，我想链接到图片来自的文章

Question

我使用 WordPress 作为我的 CMS，我刚刚在我的一个页面上下载了一个用于照片库的 Lightbox 插件。它完全按照我想要的方式工作，除了一件事。

在单击缩略图以使用灯箱效果放大照片后，我希望能够单击链接将我带到该图片来自的主要文章。

我尝试了几种方法，但出现的问题是我无法通过 通过一个 JavaScript 函数。我将如何实现这一目标？

感谢任何可以提供帮助的人！

Answer 1

做到这一点的唯一方法是让图像链接转到一些内联内容，其中包含包装在 this 中的图像是唯一的方法。灯箱网站将提供链接内嵌内容的示例，但是对于您需要生成内嵌内容的每张图片，这是使用插件的限制。

如果我处于你的位置，我会编写一个自定义模态函数，它会从图像的属性（rel、title、class）中获取永久链接，并显示链接到永久链接的较大图像。我相信你可以找到一个自定义模式教程，但基本上你在你的 css 中创建一个框，设置为 display:none，然后当你的链接被点击时，你使用 jQuery 来附加其中一个框到正文，将您的内容附加到框中，然后将其显示在屏幕中心，使用绝对定位，不透明以使其他所有内容变暗。