[jQuery] How to force jCarousel to scroll a certain amount of items at a time?
Please check the testing page:
http://one.xthost.info/ian/jcarousel/test-1.html
There are twelve items. And "scroll: 6" was set in the configuration
in order to scroll six items at a time. But it scrolls only five items
and the last item ( box 12 ) is invisible. I have to scroll once again
to see box 12.
It is probably because the CSS declaration "margin-right: -3px" on
each <li> so the three pixels left and right borders of all boxes are
overlapped with each other. That means the left border of box 7 is
within the visible range at first, as shown in this figure:
http://one.xthost.info/ian/jcarousel/box7-border.png
Is there a solution to force it to always slide six items?
Ian