foto: image album browser and control

[minimedit.git] / lib / photoswipe.html

diff --git a/lib/photoswipe.html b/lib/photoswipe.html
new file mode 100644 (file)
index 0000000..6372c5b
--- /dev/null
+++ b/lib/photoswipe.html
@@ -0,0 +1,44 @@
+<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
+       <div class="pswp__bg"></div>
+
+       <div class="pswp__scroll-wrap">
+               <div class="pswp__container">
+                       <div class="pswp__item"></div>
+                       <div class="pswp__item"></div>
+                       <div class="pswp__item"></div>
+               </div>
+
+               <!-- PhotoSwipeUI_Default interface on top of sliding area -->
+               <div class="pswp__ui pswp__ui--hidden">
+
+                       <div class="pswp__top-bar">
+                               <div class="pswp__counter"></div>
+
+                               <button class="pswp__button pswp__button--close" title="Terug (Esc)"></button>
+                               <button class="pswp__button pswp__button--share" title="Opties"></button>
+                               <button class="pswp__button pswp__button--fs" title="Volledig scherm"></button>
+                               <button class="pswp__button pswp__button--zoom" title="Zoom in/uit"></button>
+
+                               <div class="pswp__preloader">
+                                       <div class="pswp__preloader__icn">
+                                               <div class="pswp__preloader__cut">
+                                                       <div class="pswp__preloader__donut"></div>
+                                               </div>
+                                       </div>
+                               </div>
+                       </div>
+
+                       <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
+                               <div class="pswp__share-tooltip"></div> 
+                       </div>
+
+                       <button class="pswp__button pswp__button--arrow--left" title="Vorige"></button>
+                       <button class="pswp__button pswp__button--arrow--right" title="Volgende"></button>
+
+                       <div class="pswp__caption">
+                               <div class="pswp__caption__center"></div>
+                       </div>
+
+               </div>
+       </div>
+</div>