我正在建立一个带有投资组合的网站，并且希望能够单击每个项目的单个图像，然后将页面变暗，并打开一个包含该项目的多个图像以及说明的幻灯片。基本上，这将是一个灯箱，但不仅仅是打开单个图像，每个不同的灯箱都将在左侧包含幻灯片放映，在右侧包含静态文本。这可能吗？我认为也许可以通过使用http://noelboss.github.io/featherlight/实施某些操作来完成
非常感谢您的帮助，你们真了不起！
最佳答案
而不是使用默认实现打开单个图像：
<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的图库扩展一起使用！
关于javascript - 单击图像以打开包含静态文本的幻灯片，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/25031391/