Need to show many elements in constricted space?
1, 2, 3, 15...slide how many box you want with a simple and configurable navigation toolbar.
here is the js call:
$("#myScroll").mbScrollable({
width:700,
elementsInPage:1,
elementMargin:2,
shadow:"#999 2px 2px 2px",
height:"auto",
controls:"#controls",
slideTimer:600,
autoscroll:true,
scrollTimer:4000
});
here is the code for the dom elements:
<div id="myScroll">
<div class="scrollEl" style="background-color:#9999ff">1</div>
<div class="scrollEl" style="background-color:#cc9900">2</div>
<div class="scrollEl" style="background-color:#660066">3</div>
</div>
<div id="controls">
<div class="first">first</div><div class="prev">prev</div>
<div class="next">next</div><div class="last">last</div>
<div class="pageIndex"></div>
<div class="start">start</div><div class="stop">stop</div>
</div>
