04. Add an enrichment: Slideshow

Slideshow enrichment displays a gallery of images, which will switch from one to the other automatically or through user interaction. Additionally, these images can trigger any action to increase interactivity.

You can find this enrichment in the Enrichments list tab.

Add a Slideshow and trigger actions from images:

  1. Select the content element to render interactive and draw an empty frame over it using the rectangle frame tool.
  2. Select Slideshow enrichment to be added to the frame.

3. In the General tab:

3.1. Name the Slideshow enrichment in order to easily recognize the enrichments within your project.

3.2. Check the properties you want to add to the Slideshow enrichment:

  • Visible in this orientation: if checked, the button will be generated for this orientation; if unchecked the button will be ignored at generation time.
  • Force export as images: forces rendering of selected items as images (PNG or JPEG). For example, the text will be rendered and not exported as PDF.
  • Maintain Frame State: takes into account the last state of the frame, the last change of the frame state. For example, if you change the visibility of the button, the next time you will open the content, the button will be hidden.
  • Hidden: to hide the button.

4. Check the actions you want to activate on the slideshow in the Slideshow tab:

  • Full Screen: to display the slideshow on full screen when opening the content.
  • Can Scroll: if unchecked, it displays automatically the images; if checked, the user can scroll through images of the slideshow.
  • Show Control: to display control within the slideshow.
  • Start Index: the first image to start the slideshow. The first image has a 0 index and not 1.

5. In the Images tab:

  • Add the images to display within the slideshow.
  • Add a caption for each image, eventually in full-screen mode.
  • Add actions to be triggered by images: actions on scroll or on tap.

6. In the Ken Burns tab: a zoom in/zoom out effect added to the images to render them more lively and visual. You can set the amplitude, the delay, and the duration of this effect.

  • Amplitude: to set the emphasis on the images.
  • Delay: the duration before the Ken Burns effect begins.
  • Duration: the duration of the Ken Burns effect on the slideshow.

7. In the Animation tab: to render the slideshow animated with a Swipe or Fade effect. You can set the image duration and transition duration between images, in milliseconds.

Leave a Reply