Skip to main content
F
flabmil
Participant
February 23, 2018
Answered

interactive animations won't work when I publish online

  • February 23, 2018
  • 2 replies
  • 1836 views

I created a printed zine for my internship using InDesign CC 2018, and now my boss wants me to transform it into a digital interactive document. I've never done anything like this before so I'm really learning as I go. Previously, I was exporting the interactive document as an .swf file (shows how much I know!!) but have since moved on to using the "Publish Online" option through InDesign.

My issue is this: I created a table of contents using separate images that hyperlink to each section of the zine. I added the "grow" animation to each one so that when you rolled your mouse over the option, the image would swell a little bit so it was clear which one you were going to click on. These animations worked when I was exporting as .swf, but now don't work when I publish online. All hyperlinks still work and go where they're supposed to but I'd really like to have that added animation detail.

Here's a link to my published document:

https://indd.adobe.com/view/d5952426-a55c-4a9d-b9bd-4b1283a90275

Thank you!

    This topic has been closed for replies.
    Correct answer Diane Burns

    I have found that the Animation panel's  "Reverse on Roll Off" does not work with Publish Online.

    Another way to do this is to create the effect with a button. It's a little work, but it works. :-)

    1. Make a copy of the TOC item and make it larger by whatever percentage you want it to "grow". Copy/Cut that into your clipboard.

    2. Click on the TOC item and make it a button.

    3. In the button panel, click on the appearance for Rollover. Use the Edit > Paste Into command to make the larger version the rollover state.

    4. Click back on the Normal appearance so the TOC item appears normally to start.

    Note you do not have to add any action to the button for this to work. And you can keep your TOC links as they are. Those will do the navigating when someone clicks.

    Hope that helps.

    2 replies

    Diane Burns
    Diane BurnsCorrect answer
    Inspiring
    February 23, 2018

    I have found that the Animation panel's  "Reverse on Roll Off" does not work with Publish Online.

    Another way to do this is to create the effect with a button. It's a little work, but it works. :-)

    1. Make a copy of the TOC item and make it larger by whatever percentage you want it to "grow". Copy/Cut that into your clipboard.

    2. Click on the TOC item and make it a button.

    3. In the button panel, click on the appearance for Rollover. Use the Edit > Paste Into command to make the larger version the rollover state.

    4. Click back on the Normal appearance so the TOC item appears normally to start.

    Note you do not have to add any action to the button for this to work. And you can keep your TOC links as they are. Those will do the navigating when someone clicks.

    Hope that helps.

    BobLevine
    Community Expert
    BobLevineCommunity Expert
    Community Expert
    February 23, 2018

    Works okay here. I'd spread them out a bit more since they seem to overlap a bit.

    What browser are checking this in. I just tried Edge and Chrome

    F
    flabmilAuthor
    Participant
    February 23, 2018

    I didn't even think about trying it in Edge, thanks! It works there. I've been opening it in Chrome.

    They're also supposed to revert back to normal size once you stop hovering over them, but they just seem to stay the same size in Edge (hence the overlap).

    BobLevine
    Community Expert
    BobLevineCommunity Expert
    Community Expert
    February 23, 2018

    Get rid of the overlap.

    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices