Forum Discussion
Rise 360 type Flashcards in Storyline 360
Overview: Enables flashcard animations that can incorporate images, text, or a combination of both, triggered by mouse click or tap, similar to the flashcard animations in Rise 360. Special thanks to Math Notermans from the Articulate E-Learning Heroes Community for his ingenious customized code and examples. Inspired by his work, I adapted one of his scripts to create a dynamic flashcard animation effect and meticulously designed it to emulate the seamless Rise 360 flashcard look and feel. FYI: Math's ingenious JavaScript method utilizes GSAP for animation, while Storyline's Alternative text "Alt Text" (Accessibility) is used to identify objects/groups to be called. In the paraphrased words of LL Cool J, this method "Rocks the Bells."
- EswarkumarKanthCommunity Member
Thank you for sharing this storyline file.
- FelixFrankeCommunity Member
This is great, thank you!
- MathNotermans-9Community Member
Great work EarlKreuzer-e3e A few remarks ( without checking the code ).. as using acc-texts for selection can be troublesome if someone wants to make it really accessible. You could add classes to the elements and select them by class or object-id. Actually in the new advanced Javascript API there will be a direct selection in the Javascript window for elements ( by ObjectID ).
One other thing that will be solved with the new API is that Objects targeted by the API will adapt to changed screensizes. GSAP as is has no knowledge of Storyline, so a change of a windowsize will result in wrong positions. Not anymore in the new API. The resize handler you have in your Storyline fixes it nicely too now.