Блог

Я хотел бы удалить панель кнопок вверху (я все равно не могу заставить ее отображаться) и заменить ее простой кнопкой закрытия в правом верхнем углу фотографии. Как это лучше всего сделать? Спасибо.

Пожалуйста, покажите свой код или предоставьте дополнительную информацию о том, почему вы не можете отобразить верхнюю панель, если вам нужна помощь в этом.

Лучший способ сделать то, о чем вы просите, — просто удалить все кнопки, кроме кнопки закрыть, из 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>-->