Utilisateur:Jmv

HTML CSS JS Result Edit on

First gallery:

   <figure itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject">
     <a href="https://farm3.staticflickr.com/2567/5697107145_a4c2eaa0cd_o.jpg" itemprop="contentUrl" data-size="1024x1024">
         <img src="https://farm3.staticflickr.com/2567/5697107145_3c27ff3cd1_m.jpg" itemprop="thumbnail" alt="Image description" />
     </a>
                                         <figcaption itemprop="caption description">Image caption  1</figcaption>
                                         
   </figure>

   <figure itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject">
     <a href="https://farm2.staticflickr.com/1043/5186867718_06b2e9e551_b.jpg" itemprop="contentUrl" data-size="964x1024">
         <img src="https://farm2.staticflickr.com/1043/5186867718_06b2e9e551_m.jpg" itemprop="thumbnail" alt="Image description" />
     </a>
     <figcaption itemprop="caption description">Image caption 2</figcaption>
   </figure>

   <figure itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject">
     <a href="https://farm7.staticflickr.com/6175/6176698785_7dee72237e_b.jpg" itemprop="contentUrl" data-size="1024x683">
         <img src="https://farm7.staticflickr.com/6175/6176698785_7dee72237e_m.jpg" itemprop="thumbnail" alt="Image description" />
     </a>
     <figcaption itemprop="caption description">Image caption 3</figcaption>
   </figure>

   <figure itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject">
     <a href="https://farm6.staticflickr.com/5023/5578283926_822e5e5791_b.jpg" itemprop="contentUrl" data-size="1024x768">
         <img src="https://farm6.staticflickr.com/5023/5578283926_822e5e5791_m.jpg" itemprop="thumbnail" alt="Image description" />
     </a>
     <figcaption itemprop="caption description">Image caption 4</figcaption>
   </figure>

Second gallery:

   <figure itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject">
     <a href="https://farm2.staticflickr.com/1043/5186867718_06b2e9e551_b.jpg" itemprop="contentUrl" data-size="964x1024">
         <img src="https://farm2.staticflickr.com/1043/5186867718_06b2e9e551_m.jpg" itemprop="thumbnail" alt="Image description" />
     </a>
     <figcaption itemprop="caption description">Image caption 2.1</figcaption>
   </figure>

   <figure itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject">
     <a href="https://farm7.staticflickr.com/6175/6176698785_7dee72237e_b.jpg" itemprop="contentUrl" data-size="1024x683">
         <img src="https://farm7.staticflickr.com/6175/6176698785_7dee72237e_m.jpg" itemprop="thumbnail" alt="Image description" />
     </a>
     <figcaption itemprop="caption description">Image caption 2.2</figcaption>
   </figure>

   <figure itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject">
     <a href="https://farm6.staticflickr.com/5023/5578283926_822e5e5791_b.jpg" itemprop="contentUrl" data-size="1024x768">
         <img src="https://farm6.staticflickr.com/5023/5578283926_822e5e5791_m.jpg" itemprop="thumbnail" alt="Image description" />
     </a>
     <figcaption itemprop="caption description">Image caption 2.3</figcaption>
   </figure>

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

           <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)">
           </button>

           <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)">
           </button>