Фотогалерея с плавным переходом

Я хочу иметь плавный переход (горизонтальное плавание) изображений в моей галерее photoswipe(см. главу "Как построить массив слайдов из списка ссылок"). Если картинок с разной высотой (или просто разного размера) больше, и в галерее нужно больше строк, вы видите строгую сетку:

строгая сетка

Есть ли какая-либо настройка, которая позволяет мне изменить этот статический дизайн сетки в potoswipe?

Ожидаемый результат:

с плавным переходом


javascript photoswipe
person Armin    schedule 21.02.2015    source источник

Ответы (1)


arrow_upward
0
arrow_downward

После нескольких часов поиска я нашел решение:

#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 представляет класс .my-simple-gallery фотоочистки.

person Armin    schedule 21.02.2015