O'Reilly logo

JavaScript and JSON Essentials by Sai Srinivas Sriparasa

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

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 ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required