lib/photoswipe.html

   1 <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
   2         <div class="pswp__bg"></div>
   3
   4         <div class="pswp__scroll-wrap">
   5                 <div class="pswp__container">
   6                         <div class="pswp__item"></div>
   7                         <div class="pswp__item"></div>
   8                         <div class="pswp__item"></div>
   9                 </div>
  10
  11                 <!-- PhotoSwipeUI_Default interface on top of sliding area -->
  12                 <div class="pswp__ui pswp__ui--hidden">
  13
  14                         <div class="pswp__top-bar">
  15                                 <div class="pswp__counter"></div>
  16
  17                                 <button class="pswp__button pswp__button--close" title="Terug (Esc)"></button>
  18                                 <button class="pswp__button pswp__button--share" title="Opties"></button>
  19                                 <button class="pswp__button pswp__button--fs" title="Volledig scherm"></button>
  20                                 <button class="pswp__button pswp__button--zoom" title="Zoom in/uit"></button>
  21
  22                                 <div class="pswp__preloader">
  23                                         <div class="pswp__preloader__icn">
  24                                                 <div class="pswp__preloader__cut">
  25                                                         <div class="pswp__preloader__donut"></div>
  26                                                 </div>
  27                                         </div>
  28                                 </div>
  29                         </div>
  30
  31                         <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
  32                                 <div class="pswp__share-tooltip"></div>
  33                         </div>
  34
  35                         <button class="pswp__button pswp__button--arrow--left" title="Vorige"></button>
  36                         <button class="pswp__button pswp__button--arrow--right" title="Volgende"></button>
  37
  38                         <div class="pswp__caption">
  39                                 <div class="pswp__caption__center"></div>
  40                         </div>
  41
  42                 </div>
  43         </div>
  44 </div>