Question

是否可以在div内部打开灯箱而不是覆盖整个屏幕？

说我的代码是：

<div>
 <a href="#"><img src="image2.jpg" alt="image" /></a>
 <a href="#"><img src="image3.jpg" alt="image" /></a>
 <a href="#"><img src="image4.jpg" alt="image" /></a>
 <a href="#"><img src="image4.jpg" alt="image" /></a>
</div>

点击这些图片在灯箱中打开。

Answer 1

如果您在帖子的评论中提到过，您正在使用Galleria。

不幸的是，没有提供OOTB（开箱即用），您必须通过在div中添加一个空的#galleria DIV来自定义库。然后使用JSON加载一些图库数据，当数据准备就绪时，调用galleria并将JSON应用为dataSource。

作为一个简单的替代方案，您可以在CSS中指定top，bottom，...等，通过这样做，您可以控制div可能出现的位置指定尺寸，不要忘记将它们标记为重要。

body .galleria-container.fullscreen{
    top:125px!important; 
    bottom:50px!important; 
    height:auto!important;
}

可以在灯箱里放一个灯箱吗？

1 个答案: