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

Question

我想删除顶部的按钮栏(无论如何我都无法显示它(，并在照片的右上角用一个简单的关闭按钮替换它。这最好怎么做？谢谢

Answer 1

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

执行您的要求的最佳方法是简单地从您的图库页面上的HTML代码中删除除关闭外的所有按钮。

请参阅示例文档中的此代码：

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