Blog Post
AdamZamczyk
Community Member
This week, I've taken on a challenge centred around tab interaction, and I'm excited to share my example with you: https://tab.zamczyk.co.uk/.
The core of this short demo is to present seamless tab interaction featuring elegant and smooth animations when selecting from three tabs. Here, I use the default Storyline animations.
I'm still on a long journey to learn JavaScript and explore diverse custom techniques to elevate the user experience. I've incorporated a variety of animations and custom zoom effects activated by JavaScript triggers.
First Tab: Here, you'll find a single flip card animation that comes alive with a zoom effect as you hover your mouse over the cards.
Second Tab: This section lets you see a dynamic zoom image effect triggered by mouse hover. This custom JavaScript zoom effect keeps the original image dimensions and offers a tailored experience with adjustable speed, ease, and timing.
Third Tab: This tab showcases the same zoom effect (JavaScript), but it is controlled by scrolling your mouse wheel.
Dive into the demo and see for yourself!
The core of this short demo is to present seamless tab interaction featuring elegant and smooth animations when selecting from three tabs. Here, I use the default Storyline animations.
I'm still on a long journey to learn JavaScript and explore diverse custom techniques to elevate the user experience. I've incorporated a variety of animations and custom zoom effects activated by JavaScript triggers.
First Tab: Here, you'll find a single flip card animation that comes alive with a zoom effect as you hover your mouse over the cards.
Second Tab: This section lets you see a dynamic zoom image effect triggered by mouse hover. This custom JavaScript zoom effect keeps the original image dimensions and offers a tailored experience with adjustable speed, ease, and timing.
Third Tab: This tab showcases the same zoom effect (JavaScript), but it is controlled by scrolling your mouse wheel.
Dive into the demo and see for yourself!
KelleyDurdella-
8 months agoCommunity Member
This is amazing. Is there a way to learn JavaScript specifically for Storyline or are you self-taught. I would love to dive into that world.
- AdamZamczyk8 months agoCommunity MemberHey. There are lots of materials available online. I recommend Learning Dojo https://youtube.com/playlist?list=PLGGfIkWckSmkSGp3OeT5mYx-6N_2Ho5jb&si=r9BSt1GGAcEsUqvg
- JeffreyRiley-9e8 months agoCommunity MemberYou don't have to learn any JavaScript specifically for Storyline especially now that there is support for JavaScript. Adam gave you a great resource for learning more. I have been using the xAPI script to capture more data and it works very well. You do need a learning record store to find and report the data.