隐藏div中内嵌图像的灯箱？

Question

我有一个带有内嵌图像的隐藏div：

<div id="mydiv" style="dispay:none;">
   <img src="data:image/jpeg;base64,..." />
      ...
   <img .../>
</div>

现在，我不想拥有一个灯箱，它会调出那些图像。问题是大多数灯箱实现接受指向图像文件的锚点作为输入。

Colobox，可以采用内联html，但它不能采用多个html片段来渲染图库（使用prev和next按钮）体验。你有什么想法：

1. 如果可以配置colorbox来显示这种数据吗？
2. 是否有替代jQuery插件？
3. 如果没有可行的解决方案，如何快速实施？

任何帮助都将不胜感激。

Answer 1

  

Colobox，可以采用内联html但不能使用多个html片段来渲染图库

当然可以。这样的事情应该有效，但也有其他选择：

$('#mydiv img').colorbox({
    rel:'my-group', 
    inline: true,
    open: true,
    href: function(){ return this; }
});

Answer 2

必然会有一些灯箱在隐藏的内容被揭示的基础上工作（如果保持标记的重要性，那就很重要）。 Bootstrap Lightbox就是其中之一。

但如果您已经偏好Colorbox，我确信它可以执行任务：this demo展示调用多个图像的示例。如果这是data-URI的问题，你可以使用它作为链接 - 如果对于组中其他图像具有单独链接的必要性存在问题，则可以隐藏具有display:none的那些（相同的）正如您目前使用的是img）。