我在Angular 6.1.10项目中设置了Lokesh Dhakar制作的Lightbox2。它将仅应用于一张图像,如下所示:
<a href="../../assets/graph.png" data-lightbox="image" >
<img src="../../assets/graph.png" />
</a>
文档(https://lokeshdhakar.com/projects/lightbox2/)指出可以将其应用于单个图像或图像集。即使我将其应用于单个图像,图库导航仍会显示在页面底部。显然只有一张图像,我不希望出现画廊导航。我只希望能够单击单个图像,并使其在灯箱模式下显得很大,然后将其关闭。
检查图库/导航-它是在构建时插入的(即不是我自己插入的)-它的结构看起来像这样:
<lb-outerContainer>
<lb-container>
<lb-nav>...</lb-nav>
</lb-container>
</lb-outContainer>
我可以隐藏lb-nav元素的显示-但这为容器留了很大空间。如果将display:none放在lb-container或lb-outerContainer上,它会隐藏图库/导航,这很好-但是当我单击它时,它也会隐藏大型单个灯箱图像的显示,这违背了目的。 / p>
是否有一种只隐藏画廊和导航而又不损害灯箱功能的方法,还是我在配置中错过了一些东西,这会使其更容易?