O'Reilly logo

Building Impressive Presentations with impress.js by Rakhitha Nimesh Ratnayake

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

Developing a content slider

Content sliders are very popular components in website design. Most websites have a slider on the homepage to highlight important content within a limited space. impress.js is developed in a way that we can add new custom functionality with ease. Presentations can easily be converted to content sliders with minimum customizations.

Throughout the next section, we are going to build a fully functional content slider from scratch.

Planning the design

Sliders contain steps with HTML contents. This is similar to what we did in previous presentations. But this time, the slider will be created inside a container with predefined dimensions instead of fullscreen. Let's now take a look at the common functionalities of a slider before ...

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