单击图像以打开包含静态文本的幻灯片

Question

我正在建立一个包含投资组合的网站，并且希望能够为每个项目单击一个图像，然后将页面调暗，并打开包含项目的多个图像的幻灯片，以及说明。基本上这将是一个灯箱，但不是只打开单个图像，每个不同的灯箱将包含左侧的幻灯片，右侧的静态文本。这可能吗？我想也许可以通过实现http://noelboss.github.io/featherlight/

来实现

非常感谢你的帮助，你们真是太棒了！

Answer 1

而不是使用默认实现打开单个图像：

<span data-featherlight="myimage.png">Open image in lightbox</a>

您可以尝试使用FeatherLight的iFrame功能并调用外部Div：

<a href="#" data-featherlight="#mylightbox">Open element in lightbox</a>
<div id="mylightbox"><img src="myimage.jpg" /><p>This div will be opened in a lightbox</p></div>

然后您可以设置此样式以使图像向左浮动，文本向右浮动等。

不确定这是否适用于FeatherLight的画廊扩展名！