Blog Post
BrandonLynn
8 years agoCommunity Member
Hi all,
Here is my submission for this week's challenge! It's a template for a horizontal scrolling timeline.
http://brandonlynn.com/elearning/TimelineChallenge/story.html
Here is my submission for this week's challenge! It's a template for a horizontal scrolling timeline.
http://brandonlynn.com/elearning/TimelineChallenge/story.html
- RichardHill-4f38 years agoCommunity MemberGood Job Brandon, Nice and clean interface.
- BrandonLynn8 years agoCommunity MemberThank you, Richard!
- JaimeMccall-9278 years agoCommunity MemberI like that a lot! Very clean and clear.
- BrandonLynn8 years agoCommunity MemberThanks, Jaime! It has some flaws, but the functionality it there. Sometimes, when I'm short on time, it forces me to stick to something clean and simple. It keeps me from going overboard with the clicky clicky bling bling.
- HugoChaume8 years agoCommunity MemberHi Brandon,
Great interaction! Did you animate your timeline using Javascript ? Could you please provide some details on how you animated the timeline ?
Thank you !
Hugo- BrandonLynn8 years agoCommunity MemberThanks, Hugo! It was actually all done within storyline. I created each of the boxes with a trigger to show a layer with more information about that date. Then I lined up all the boxes horizontally on the base layer and grouped them all together. That way I could add motion paths to the entire group, one going left, one going right, both with a relative starting point. Then it was just a matter of adding the buttons to trigger the group to move along those motion paths!
- HugoChaume8 years agoCommunity MemberOk I think I've learnt something here ! Didn't know it was possible to use relative starting point for motion paths. Thank you Brandon !