Creating the Carousel application with jQuery Cycle

We have developed a web page that loads all the student data into an HTML file; now it is time to build the Carousel application using this data. We will be using a jQuery Cycle plugin to rotate the student information on our notice board application. The jQuery Cycle is a slideshow plugin that supports various types of transition effects on multiple browsers. Effects such as fade, toss, wipe, zoom, scroll, and shuffle are available. The plugin also supports the interesting pause on hover feature; click triggers and response callbacks are also supported.

For our Carousel example, let's keep it simple and use the basic options, such as a fade effect to rotate the students, enabling the pause so ...

Get JavaScript and JSON Essentials 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.