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

如何解决Photoswipe向照片添加关闭按钮并隐藏按钮栏

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

解决方法

请显示您的代码或提供更多有关为什么需要帮助的情况下无法显示顶部栏的信息。

执行要求的最好方法是简单地从图库页面上的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>-->