jQuery UI slider() event cycle through li

jQuery UI slider() event cycle through li

I am trying to use the jQuery ui slider() to loop through a unordered list
of images I have
Script so far:
$(function() {
$("#slider").slider({
value: 0,
min: 0,
max: 10,
step: 1,
slide: function(event, ui) {
$("#slider li").next();
}
});
});
I want the images inside the li to snap into view rather than slide across
as shown in the jquery examples.
This is a perfect example of what I mean:
http://www.saddingtonbaynes.com/work/strongbow - If you scroll about 3/4
of the way down you will see the slider.
I have been looking over stack overflow for about an hour trying to find
something but no luck :(