点击整页图片

Question

我很抱歉没有尝试任何东西，但我似乎无法找到我想要的东西。我有这个菜单：

<div class="overlay-navigation">
    <nav role="navigation">
        <ul class="test">
            <li>
                <a href="#" data-content=""></a>
            </li>
            <li><a href="#three" class="scrollTo" data-content="">tutorials</li>
            <li><a href="" target="_blank" data-content="">my creations</a>
            </li>
            <li><a href="#four" class="scroll" data-content="">contact</a>
            </li>
            <li>
                <a href="#" data-content=""></a>
            </li>
        </ul>
    </nav>
</div>

当我点击我的作品时，我想要一个简单的全屏图像caroussel，gallery或flexbox出现（无论看起来更好，菜单全屏打开），这很容易关闭。我会很感激任何代码示例，所以我可以根据自己的喜好设计它，我只会有大约4个图像。

Answer 1

您可以使用boostrap轮播。 https://www.w3schools.com/bootstrap/bootstrap_carousel.asp

Answer 2

我认为Magnific Popup或灯箱可以帮助你。