Scrolling image gallery using Ojay.Paginator

This example shows how to create a vertically scrollable area that can be navigated in paged blocks using Ojay.Paginator. It provides two different UIs for controlling and listening to the paginator – some page links and a YAHOO.widget.Slider control – and demonstrates a simple use of the Ojay event system to keep objects notified of each other’s behaviour without tightly coupling their implementations.

The infinite option is used to give the appearance of an infinite loop – try clicking ‘Next’ a few times and watch what happens.

JavaScript source code

Stylesheet