EXAMPLE: Scrolly Carousel VIEW SOURCE

In this example, an instance of the Uize.Widget.Scrolly widget class is used to create a carousel scrolly that lets you step through a series of pages. Each "page" has its own div tag containing its HTML. In this example, each of the pages follows the same layout and shares the same CSS, but each page could really be totally different - as long as they all have the same width (the width of the scrolly's view node). You could imagine such an interface on a company's homepage, with pages like "About Us", "Products", "Services", "Investor Relations", etc. Try it. Click the next and previous navigation arrows. Shift-click the arrows to scroll all the way to the first or last pages. Below the scrolly are some examples of the scrolly's programmatic interface. Click the linked JavaScript code to see how the scrolly widget reacts.