A simple, lightweight jQuery p

This package is abandoned and no longer maintained. The author suggests using the Owl Carousel 2 plugin instead.

jQuery Scrollbox

jQuery Scrollbox is a lightweight plugin that enables you to scroll a list of html elements (text, image, etc...) like a carousel slider or traditional marquee.

Features Simple and lightweight Vertical and horizontal scroll Auto play Multiple instances on one page Pause on hover over Useful options to customize your list scrolling Prev / Next navigation buttons Queue container for advanced usages Basic Usage 1. Include the latest jQuery library and jQuery Scrollbox Plugin on the page

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script src="jquery.scrollbox.js"></script> 2. Create a list of text you want to scroll

<div id="demo" class="scroll-text"> <ul> <li>item 1</li> <li>item 2</li> <li>item 3</li> </ul> </div> 3. Style html elements as below

4. Initialization

$('#demo').scrollbox(); Demos

http://wmh.github.io/jquery-scrollbox/

More examples Non-infinite Loop

$('#demo').scrollbox({ infiniteLoop: false, switchAmount: 3 }); Callback functions

$('#demo').scrollbox({ afterForward: function (data) { console.log(data.currentFirstChild); if (data.switchCount >= 3) { this.trigger('backward'); } }, afterBackward: function (data) { console.log(data); } }); License

jQuery Scrollbox is open-sourced software licensed under the MIT license