Тонкая отрисовка миниатюр изображений в галерее

Question

Я работаю над классической темой Galleria для отображения галереи. Здесь требуется отображать миниатюры в два ряда с изображениями в следующем порядке с горизонтальной прокруткой, если ширина раздела списка миниатюр увеличивается более чем на 24.

1 3 5 7 9  11 13 15 17 19 21 23 ..

2 4 6 8 10 12 14 16 18 20 22 24 ..

Если изображения меньше 24 и больше 12, то порядок должен быть представлен в два ряда:

1 2 3 4 5 6 7 8 9 10 11 12

13 14 15 ..

Если изображения меньше 12, они должны отображаться в одной строке как:

1 2 3 4 5 6 7...

В настоящее время я использую свойство столбца css3, чтобы сделать это, используя различные классы на основе количества изображений. Это работает во всех браузерах, кроме IE8.

Итак, есть ли замена для свойства столбца css3 для IE8 или меньше? Или какой-то лучший способ реализовать то, что хорошо работает и в IE.

Answer 1

В IE8 нет прямой замены столбцов. Чтобы это исправить, вам нужно будет определить количество миниатюр, а затем назначить классы соответствующим образом и написать собственные классы CSS.

Таким образом, вы можете добавить класс "columns" в держатель эскизов, а затем написать CSS, который вы уже должны сделать, чтобы столбцы отображались корректно (возможно, с настройками), а затем другой класс, чтобы иметь другое отображение.

Тем не менее, Galleria действительно не имеет самого простого API для этого.