Chapter 6. Creating an Event Timeline Using a Slider
We have used many components of the fabulous jQuery UI so far. In the previous chapter, Chapter 5, Implementing CAPTCHA Using Draggable and Droppable, we used draggable, droppable, and the slider functionalities to create some new CAPTCHA implementations. In this chapter, we will use the slider again, and we will create an event timeline that makes use of it.
The following screenshot shows what the timeline will look like. It will be a scrollable, horizontal list of events from the year 2001 to the year 2010. The data for the events of each year will be kept in a JavaScript object and displayed using JavaScript.
Each year will be displayed as a separate block wherein we will display the number ...
Get Mastering jQuery UI now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.
