在galleria中调整缩略图的渲染

Question

我正在做经典的画廊主题来展示一个画廊。这里的要求是，如果缩略图列表div宽度增加超过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中除外。

那么，有没有什么方法可以替代IE8或更小的css3列属性呢？或者一些更好的方法来实现在IE中也能正常工作的东西。

Answer 1

IE8中的列没有直接的替代品。要解决这个问题，您需要检测缩略图的数量，然后适当地分配类，并编写自定义css类。

所以你可以添加一个" columns“类到缩略图容器中，然后编写你已经需要的css来正确地显示列(可能需要调整)，然后再编写另一个类来获得不同的显示。

也就是说，galleria在这方面确实没有最简单的API。