fancybox/test/imagetest.html

   1 <html>
   2 <head>
   3 <!-- https://github.com/friendica/friendica/tree/stable/doc -->
   4 <!-- https://github.com/friendica/friendica/blob/stable/doc/Addons.md -->
   5 <!-- https://stackoverflow.com/questions/44409223/show-image-in-a-popup-when-i-click-button -->
   6 <!-- https://github.com/fancyapps/fancybox -->
   7 <link href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.2.0/jquery.fancybox.min.css" rel="stylesheet" />
   8 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
   9 <script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.2.0/jquery.fancybox.min.js"></script>
  10 </head>
  11 <body>
  12 <div class="body-attach"><a data-fancybox="gallery" href="https://social.beachcom.org/system/media_attachments/files/109/395/536/026/043/860/original/cb17a73a2a5cd86f.jpeg"><img src="https://friends.brockha.us/photo/preview/600/3734" alt="" title=""></a>
  13 <br>
  14 <div class="clear"></div></div>
  15
  16 <div class="body-attach"><a data-fancybox="gallery" href="https://media.troet.cafe/troet.cafe/media_attachments/files/109/393/109/756/233/529/original/4290ef9eb5d7b799.jpeg"><img src="https://friends.brockha.us/photo/preview/1024/3729" alt="Tardis cookie jar and Tardis book, like River Songs diary." title="Tardis cookie jar and Tardis book, like River Songs diary."></a>
  17 <br>
  18 <div class="clear"></div></div>
  19
  20 </body>
  21 </html>