Sematic zoom: zoom-out list multi columns/rows screen by screen

Question

Hi all,

I am using Sematic zoom for my page. I would like to display the zoom-out list layout screen by screen and row by row same as MS Photo app:

1    2    3    4    5            11   12   13   14   15

6    7    8    9   10           16   17

(5 columns x 2 rows on a screen width x height)

Right now, by default, it is:

1    3    5    7    9             11   13   15   17

2    4    6    8   10            12   14   16

Please show me how to make it in HTML/Javascript.

Thanks,

Vivian