O'Reilly logo

jQuery Tools UI Library by Alex Libby

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

For everything else—there's Scrollable

If you have a need to scroll through information on your site, then you will want to take a look at another component available within jQuery Tools: Scrollable. This tool can be used in many different ways, such as video galleries, product catalogues and news tickers—the structure is essentially the same throughout, but jQuery Tools' flexibility allows you to produce different designs, using the power of CSS.

Usage

This is the basic structure of Scrollable:

<!-- "previous page" action --> <a class="prev browse left">next</a> <!-- root element for scrollable --> <div class="scrollable"> <!-- root element for the items --> <div class="items"> <!-- 1-3 --> <div> <img src="image1.jpg" /> <img src="image2.jpg" ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required