jQuery Scrollbox

Example - 1

$('#demo1').scrollbox();

Example - 2

$('#demo2').scrollbox({
  linear: true,
  step: 1,
  delay: 0,
  speed: 100
});

Example - 3

$('#demo3').scrollbox({
  switchItems: 5,
  distance: 142
});

Example - 4

$('#demo4').scrollbox({
  direction: 'h',
  switchItems: 5,
  distance: 670
});

Example - 5

$('#demo5').scrollbox({
  direction: 'h',
  distance: 140
});
$('#demo5-backward').click(function () {
  $('#demo5').trigger('backward');
});
$('#demo5-forward').click(function () {
  $('#demo5').trigger('forward');
});

Example - 6

$('#demo6').scrollbox({
  direction: 'h',
  distance: 140,
  queue: 'demo6-queue'
});

queue container:

You can append items here, which are pulling from the server side.

Example - 7

Hover an element to trigger forward action.

$('#demo7').scrollbox({
  linear: true,
  delay: 0,
  speed: 60,
  autoPlay: false,
  onMouseOverPause: false
});
$('#demo7-forward').mouseover (function () {
  $('#demo7').trigger('forwardHover');
}).mouseout(function() {
  $('#demo7').trigger('pauseHover');
});