Welcome to the in5 Answer Exchange! This a place to get answers about in5 (InDesign to HTML5) and make requests.
0 votes

I am trying to have images work as a slide show. The problem I am having is that the section that contains the slide show is within another animation that flys in on a button click. The slide show does not work. Am I trying to do something that is not possible?

Many thanks

in how_to by (170 points)

1 Answer

0 votes

If you're applying an animation preset to a multi-state object with the in5 Slideshow interactive widget applied, instead, try making the slideshow using a separate document with each page containing the slide content, applying Presentation Mode to this document, exporting it, and using the Web Content interactive widget in the main document to embed those slides, and apply the animation to that rectangle. Here's how:

  1. Make a new InDesign document for the set of slides
  2. Place each image of the set on its own page in the document
  3. Set Presentation Mode (in5 > Enhancements > Presentation Mode) with the following settings:
    • Enable Presentation Mode
    • Enable Autoplay
    • Loop (if desired)
    • Slide duration (if different from the default 5 seconds)
  4. Export (in5 > Export HTML5 with in5...) with the following settings:
    • In the Basic section
      • Page Format: Slider (Fade In)
      • Navigation: Enable Swipe Navigation
      • Disable Show Back/Next Arrows
    • In the Advanced section
      • Mobile Device Viewport Zoom: Use Desktop Scaling
      • Desktop Scaling: Best fit
  5. In the main document, create a rectangle where the exported slides will go
  6. With the rectangle selected, go to in5 > Interactive Widgets > Web Content
  7. In the Web Content dialog box, click on the button with the 3 dots and navigate to the index.html file of the exported slides
  8. Apply the InDesign animation preset for Fly in from Left to the rectangle that has the Web Content applied
by (25.9k points)
Thanks Myra

I will try and figure that one out

Sounds good. I also recommended similar steps in the following post with the addition of how to make the background transparent in case you need that:

Buttons and Multi-MSOs