Html 如何从链接打开库？

不确定什么是相关的或解释的深度。我从“放大弹出窗口”找到了一个不错的工作图库

我可以让一切正常工作，但用户必须单击gallery

div

中的图形才能打开gallery

我想从另一个

div

打开库的链接，但我不能在包含链接的

div

中包含库

div

正文

我曾想过使用

onclick

来引用驻留在我的script.js上的js函数，但我无法让它工作，我不确定这是正确的一行

我还考虑将我链接上的

href

设置为其中一张画廊照片的

id

，这样单击链接可能会打开一张画廊照片并导致画廊打开

我找不到那份工作

我会粘贴一些代码，但我不知道我的问题是否易懂（或者希望答案简单！）

编辑（添加代码）

不知道如何格式化。这是我的index.html。我想要菜单弹出画廊，但我能得到的最好的是从下面第一个div中弹出画廊的图标：

   <nav>
            <div class="row">
                <img src="Resources/img/Pizza_Pi_Logo_Trans.gif" alt="Pizza Pi logo" class="logo">
                <img src="Resources/img/Pizza_Pi_Logo_Trans.gif" alt="Pizza Pi logo" class="logo-black">

                <div class="popup-gallery">
                        <a href="Resources/img/Pizza_Pi_Menu.png" title="The Cleaner"><img src="Resources/img/Pizza_Pi_Menu.png" width="75" height="75"></a>
                        <a href="Resources/img/Pizza_Pi_Menu2.png" title="The Cleaner"></a>
                    </div>

                <ul class="main-nav js--main-nav">

                    <li><a href="#features">HOME</a></li>
                    <li><a href="#cities">PIZZAS</a></li>
                    <li><a href="#plans">SPECIALS</a></li>
                    <li><a href="#form">CONTACT</a></li> 
                    <li><a href="#">MENU</a></li>
                </ul>
             <a class="mobile-nav-icon js--nav-icon"><i class="ion-navicon-round"></i></a>

            </div>     
            </nav>

无法加载。“，
标题RC：功能（项目）{
返回项目.el.attr（'标题'）+'由Marsel Van Oosten'编写；
}
}
});

---

编辑3：我希望菜单链接弹出画廊，但如果我把 div class=“popup gallery”围绕菜单链接运行列表/navi显示。

                    <li><a href="#features">HOME</a></li>
                    <li><a href="#cities">PIZZAS</a></li>
                    <li><a href="#plans">SPECIALS</a></li>
                    <li><a href="#Resources/img/Pizza_Pi_Menu.png">CONTACT</a></li>
                    <li class="popup-gallery"><a href="Resources/img/Pizza_Pi_Menu.png" Title="Menu">MENU</a></li></ul>
             <a class="mobile-nav-icon js--nav-icon"><i class="ion-navicon-round"></i></a>

            </div>     


        </nav>

        <div class="popup-gallery">
                <a href="Resources/img/Pizza_Pi_Menu2.png" title="Menu 2"></a>
        </div>

如果您添加了我认为相关的代码，我可以帮助您，谢谢您的帮助！在上，到底需要单击什么才能弹出库？对于您，我希望菜单链接弹出多媒体资料，但如果我在菜单链接周围放置了，它将运行列表/navi显示。请尝试使用

此选项。我的意思是用现在的ul等级来代替它一点解释会有帮助的。您的解决方案是什么？它是如何解决问题的？当我单击menu menu.png打开时，“popup gallery”类会触发gallery的js代码。gallery加载menu.png，然后用“popup gallery”加载div中的内容，从而创建一个2图片菜单。

                    <li><a href="#features">HOME</a></li>
                    <li><a href="#cities">PIZZAS</a></li>
                    <li><a href="#plans">SPECIALS</a></li>
                    <li><a href="#Resources/img/Pizza_Pi_Menu.png">CONTACT</a></li>
                    <li class="popup-gallery"><a href="Resources/img/Pizza_Pi_Menu.png" Title="Menu">MENU</a></li></ul>
             <a class="mobile-nav-icon js--nav-icon"><i class="ion-navicon-round"></i></a>

            </div>     


        </nav>

        <div class="popup-gallery">
                <a href="Resources/img/Pizza_Pi_Menu2.png" title="Menu 2"></a>
        </div>