SiteBox.net

Apple’s Product Slider Nav – Mootools 1.2

Posted on 10. Aug, 2009 by SiteBox in Scripts

This “product slider” is similar to a straight forward gallery, except that there is a slider to navigate the items.

1. Markup that allows us to place several items within a list, and that overflows out of sight.
2. A slider widget to control what subsection of products we can see.
3. Logic to translate the sliders position to slide the products inversely

You can view the Demo & Download:

You can get a update version of the Mootools code from Erne for Mootools 1.2+ > http://github.com/eerne/scrollbar

Tags: CSS, JavaScript, Mootools, Web Design