Here is a setup for a single scrollable. You can have as many of
these on your page as you want.
Here is our CSS code. Nothing really special here. Scrollables are
placed side by side with the float: left setting. We
have a separate CSS block for the activated scrollable item that can
Here we enable our scrollables. All scrollables have
the circular configuration option set
to true so that there is no beginning or end. We also
add a custom click handler which seeks the scrollable forward using
the next() method of
the Scrollable API.