Scaling in practice

In this section, we are going to design a simple presentation to demonstrate scaling in practical scenarios. You must have seen awesome image galleries developed using JavaScript libraries. We can create similar galleries using impress effects with effective usage of the overview of the presentation which we mentioned in Chapter 1, Getting Started with Impressive Presentations.

Planning the design

We are going to use 12 image containers for our presentation with three rows and four columns. All the image containers should be visible within the browser window. Once the presentation starts, the first image container should scale up to its full width. Then on the next step transition, we need to go back to the gallery again with the first image highlighted. Then the second container will scale up and continue the process until the presentation is complete.

Tip

Positioning is difficult to manage without an overview. I prefer creating the overview as the first slide and removing...