Photoswipe 将关闭按钮添加到照片并隐藏按钮栏

Question

我想删除顶部的按钮栏（无论如何我都无法显示），并用照片右上角的简单关闭按钮替换它。如何做到最好？谢谢。

Answer 1

如果您需要帮助，请出示您的代码或提供更多信息，说明为什么无法显示顶部栏。

满足您的要求的最佳方法是简单地从您的画廊页面上的 HTML 代码中删除除关闭之外的所有按钮。

在example documentation中查看此代码：

            <div class="pswp__top-bar">

                <!--  Controls are self-explanatory. Order can be changed. -->

                <div class="pswp__counter"></div>

                <button class="pswp__button pswp__button--close" title="Close (Esc)"></button>

                <button class="pswp__button pswp__button--share" title="Share"></button>

                <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button>

                <button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button>

您想删除或注释掉带有您不想要的按钮的行。我更喜欢将其注释掉，这样如果您以后决定想要它们，它们是可以恢复的。在这种情况下，如果您只想要关闭按钮，它应该如下所示：

            <div class="pswp__top-bar">

                <!--  Controls are self-explanatory. Order can be changed. -->

                <div class="pswp__counter"></div>

                <button class="pswp__button pswp__button--close" title="Close (Esc)"></button>

                <!--<button class="pswp__button pswp__button--share" title="Share"></button>-->

                <!--<button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button>-->

                <!--<button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button>-->