首页>>Jquery图片>>jQuery 响应式相册 自适应每行显示个数(2019-05-14)

jQuery 响应式相册 自适应每行显示个数

jQuery 响应式相册 自适应每行显示个数
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1. <div class="ma5-gallery">  
  2.             <figure class="gallery-item">  
  3.                 <img src="./images/ptaki/DSC_1390-thumbnail.jpg" alt="">  
  4.                 <figcaption>Kurka wodna</figcaption>  
  5.             </figure>  
  6.             <figure class="gallery-item">  
  7.                 <img src="./images/ptaki/DSC_1002-thumbnail.jpg" alt="">  
  8.                 <figcaption>Łyska</figcaption>  
  9.             </figure>  
  10.             <figure class="gallery-item">  
  11.                 <img src="./images/ptaki/DSC_1103-thumbnail.jpg" alt="">  
  12.                 <figcaption>Kawka</figcaption>  
  13.             </figure>  
  14.             <figure class="gallery-item">  
  15.                 <img src="./images/ptaki/DSC_0663-thumbnail.jpg" alt="">  
  16.                 <figcaption>Kaczka</figcaption>  
  17.             </figure>  
  18.             <figure class="gallery-item">  
  19.                 <img src="./images/ptaki/DSC_1068-thumbnail.jpg" alt="">  
  20.                 <figcaption>Wrona</figcaption>  
  21.             </figure>  
  22.             <figure class="gallery-item">  
  23.                 <img src="./images/ptaki/DSC_0916-thumbnail.jpg" alt="">  
  24.                 <figcaption>Wróbel</figcaption>  
  25.             </figure>  
  26.             <figure class="gallery-item">  
  27.                 <img src="./images/ptaki/DSC_1155-thumbnail.jpg" alt="">  
  28.                 <figcaption>Dzięcioł</figcaption>  
  29.             </figure>  
  30.   
  31.               
  32.     </div>  

 


原文地址:http://www.freejs.net/article_jquerytupiantexiao_770.html