Buffet

Buffet is website code that you can use to show stuff in a scroller.

Download   GitHub

Javascript

$(document).ready(function () {
  $('#scroll').buffet({
    scroll_by : 3,
    next      : $('#next'),
    prev      : $('#prev')
  });
});
    

HTML

<div id="scroll_mask">
  <ul id="scroll">
    <li>..</li>
    <li>..</li>
    <li>..</li>
    <li>..</li>
    <li>..</li>
    <li>..</li>
    <li>..</li>
    <li>..</li>
    <li>..</li>
    <li>..</li>
    <li>..</li>
    <li>..</li>
  </ul>
</div>
<a id="prev"></a>
<a id="next"></a>
    

CSS

#scroll_mask {
  position:relative;
  overflow:hidden;
  width:620px;
  height:140px;
  margin:0 auto;
}

ul#scroll {
  margin:0;
  padding:0;
  position:absolute;
  width:9999em;
  height:140px;
  list-style-type:none;

}

ul#scroll li {
  float:left;
  width:140px;
  height:140px;
  margin:0 20px 0 0;
  background-color:pink;
}

a.inactive {
  display:none;
}