仅一张图片时隐藏Lightbox2的图库和导航

时间:2019-04-21 12:25:26

标签: angular lightbox2

我在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>

是否有一种只隐藏画廊和导航而又不损害灯箱功能的方法,还是我在配置中错过了一些东西,这会使其更容易?

0 个答案:

没有答案