Multiple rows (or columns) shown at glance

[x2nie]

Hi Yuriy !

I've made additional options/settings, which is: allowing multiple rows shown in carouselTicker on horizontal mode, or multi columns shown at vertical-scroll mode.

See my modification at my repository. It's just need to add one or two lines in JS.

I think my vertical mode experiment is perfect, because it doesn't require CSS3.
but the horizontal one (multiple rows) would break the requirement of modern IE (CSS 3).
It is because in multiple row, user will expect the items stacked from top-to-bottom then right, rather than left-to-right then down-the-rest-to-bottom.
There is another options to do, here : https://css-tricks.com/arranging-elements-top-bottom-instead-left-right-float , but I just picked what fills my own need.
I don't test it with IE, I just guessing that IE wouldn't suport that hack.

Anyway, I think I have messed the demo (index.html)
whenever you are okay, I will pull-request my work. Otherwise, I am okay if you git-cherry-pick that work. If you want to ignore all of my work, I also able to feel okay. 👍

Thanks you for sharing

[x2nie]

this my work is not perfect yet, nor flexible enough.
Here are (my own work) known issues:

• it doesn't calculated automatically. We should set the bandWidth options manually, plus we also must set the both CSS (of item and the container) properly.
• it require the count of items should be perfectly multiplied of bandWidth option. Example : bandWidth = 3 and count of items = 18. ( 3 x 6 )
• it requires all items in similar dimension (same width and same height)
• I am happy with the result. It was satisfied me.
• let me know if we can develop it further