I am working on the classic theme of Galleria to display a gallery. Here the requirement is to display the thumbnails in two row with the images in following order with a horizontal scroller if the thumbnails list div width increases more than 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 ..

For if the images are less than 24 and more than 12 then the order should be rendered in two rows as :-

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

13 14 15 ..

For if the images is less than 12 the images should be rendered in a single row as :-

1 2 3 4 5 6 7...

Presently what I have done is I am using css3 column property to do this using different classes on the basis of image counts. This is working in all browsers but in IE8.

So, is there any substitute for css3 column property for IE8 or less. Or some better way to implement the stuff that works fine in IE as well.