Photoswipe 画廊具有流畅的过渡

Question

我希望 photoswipe gallery 中的图像具有流畅的过渡（水平浮动）（请参阅第 "How to build an array of slides from a list of links" 章）。如果有更多不同高度（或不同尺寸）的图片以致画廊需要更多行，您会看到严格的网格布局：

是否有任何设置允许我更改 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 class photoswipe。

Photoswipe 画廊具有流畅的过渡

Photoswipe gallery with fluid transition

javascript

photoswipe