in5
in5 Main Page
in5 Customer Stories
in5 Download
in5 Pricing
in5 Demos
in5 Support
in5 Account Login
create
in5 (Interactive InDesign)
in5 Online Account Login
Adobe Scripts
Additional Products...
learn
Ajar Academy Video Courses
Digital Publishing Course
Blog Articles
InDesign UX Resources
about
contact
in5
>
Answer Exchange
Login
Register
Welcome to the in5 Answer Exchange! This a place to get answers about in5 (InDesign to HTML5) and make requests.
Questions
Unanswered
Tags
Ask a Question
How to hide the start button after its animation, then start the page animation
0
votes
I have a 1-page InDesign ad that I have the animation working perfectly. However, I want it to start with a blank page with a "start button" that starts the animation, and disappears after clicking
asked
Sep 19, 2022
in
how_to
by
stevenwsmith23
(
120
points)
Tweet
Please
log in
or
register
to add a comment.
Please
log in
or
register
to answer this question.
1
Answer
0
votes
There are a few approaches that you could take:
Apply animation to the button and have it and the animation on just on 1 page:
Add your start button to the first page.
Apply the
Disappear
animation preset to the button.
Set the Visibility to
Hide After Animating
.
Apply an action to the start button for
Animation
to play the animation for the button.
Apply the animation to the other content on the same page with the Visibility set to
Hide Until Animated
.
Remove the
On Page Load
event from the second animation so that it only has the
On Release
event.
Export with the Output set to
Google Ad
.
Apply animation to the button and have it and the animation in a
multi-state object (MSO)
:
Add your start button.
Apply the
Disappear
animation preset to the button.
Apply an action to the start button for
Animation
to play the animation for the button.
Apply the animation to the other content.
Select both the button and the animated content and in the Object States panel, click the
Convert Select to Multi-state Object
button.
Apply a second action to the start button to
Go To Next State
.
Set the event for the second animation to
On State Load
.
Export with the Output set to
Google Ad
.
Make a Google Ad that is 2 pages using the
Slider (Fade In)
Page Format:
Add your start button to the first page.
Apply an action to the button to go to the next page.
Apply your animation to the second page and make sure that its event is set to
On Page Load
.
Export with the following settings in the Basic section of the Export HTML5 with in5 dialog (
in5 > Export HTML5 with in5...
or
in5 > Easy Export Wizard...
and click the
Advanced
button).
Page Format:
Slider (Fade In)
Output:
Google Ad
Make a Google Ad that is 2 pages with an animated button:
Add your start button to the first page.
Apply the
Disappear
animation preset to the button.
Apply an action to the start button for
Animation
to play the animation for the button.
Apply a second action to the button to go to the next page.
Remove the
On Page Load
event from the
Disappear
animation preset so that it only has the
On Release
event.
Apply your animation to the second page and make sure that it is set to
On Page Load
.
Export with the Output set to
Google Ad
.
answered
Sep 19, 2022
by
Myra Ferguson
(
29.9k
points)
Please
log in
or
register
to add a comment.
Welcome to in5 Answer Exchange, where you can ask questions and receive answers about
in5
from other community members.
Categories
All categories
how_to
(534)
feature_requests
(72)
bugs
(138)
misc
(51)
Related questions
How can I make a Table of Contents page for a multi-page publication to then export it in flipping mode?
How to hide the status bar on iPad output
how to re-open the in5 tour document after you have closed it?
How to create a button to share the content of a pop-up
JS to start animation
Most popular tags
animation
video
export
webapp
ipad
page
navigation
buttons
html
mso
button
slider
javascript
text
mobile
zoom
iframe
lightbox
css
link
images
indesign
interactive
swipe
flipbook
image
audio
layout
social
iphone
pages
wordpress
page-transitions
responsive
cache
fullscreen
google
scrolling
share
baker