multiple row carousel
multiple row carousel
Hi,
I'm wondering if there's a way to have multiple row carousel implemented.
I use jCarouselLite.. (
http://www.gmarwaha.com/jquery/jcarousellite/
)
To be more specific, here's what I have:
<- [item][item][item]->
and this is what I would like to accomplish:
[item][item][item]
<- [item][item][item]->
[item][item][item]
I do realize that placing multiple items withing the <li></li> would be one approach, however I can't do that since the items are generated dynamically. The structure of my data (items) is an unordered list:
-
<ul>
<li>item1</li>
<li>item2</li>
<li>item3</li>
<li>item4</li>
<li>item5</li>
<li>item6</li>
<li>item7</li>
<li>item8</li>
<li>item9</li>
<li>item10</li>
<li>item11</li>
<li>item12</li>
<li>item13</li>
<li>item14</li>
<li>item15</li>
<li>item16</li>
<li>item17</li>
<li>item18</li>
</ul>
Using "float: left" & "clear: left" messes up the whole structure...
Any ideas how to display 9 items at a time on 2 rows?
Thanks for any suggestions.