具有流畅过渡的Photoswipe画廊

Question

我想在photoswipe gallery中对图像进行流畅的过渡（水平浮动）（参见第34章;如何从链接列表中构建幻灯片阵列＆＃34; ）。如果有更多图片具有不同的高度（或只是不同的尺寸），以便图库需要更多的线条，您会看到严格的网格布局：

是否有任何设置允许我在potoswipe中更改静态网格设计？

预期结果：

Answer 1

经过数小时的搜索，我找到了a solution：

#photos {
   /* Prevent vertical gaps */
   line-height: 0;

   -webkit-column-count: 5;
   -webkit-column-gap:   0px;
   -moz-column-count:    5;
   -moz-column-gap:      0px;
   column-count:         5;
   column-gap:           0px;
}

#photos img {
  /* Just in case there are inline attributes */
  width: 100% !important;
  height: auto !important;
}

#photos ID代表.my-simple-gallery类别的照片。