Forum Discussion
New markers
- 2 years ago
Hello everyone, 🎉
I have some great news to share! We just released another update for Storyline 360. In Build 3.90.32850.0, we’ve included important fixes and new features. One of the bugs we’ve fixed is:
- The pulse animation of a marker didn’t display correctly
Launch the Articulate 360 desktop app on your computer to take advantage of this update, and click the Update button next to Storyline 360. You’ll find our step-by-step instructions here.
Please let me know if you need additional help.
It is possible to remove the pulsing animation when the marker is clicked with the help of JavaScript. Example below:
Let me know if you'd like to give it a try, and I'll help you set it up.5
That would be great. I also learned, that you must remove the animation for accessibility per the following article. So now we have a discussion, to animate or not animation. But yes I would like to know how you used JavaScript to stop on click.
- Nedim9 months agoCommunity Member
All you need to do is paste this code into the "Execute JavaScript" trigger when the timeline starts.
let markers = document.querySelectorAll('[data-acc-text*="Marker"]'); markers.forEach(marker => { marker.addEventListener('click', () => { // Find the nested animation div within the clicked marker const animationDiv = marker.querySelector('.marker-animation.marker-animation-pulse'); // If the animation div exists, remove it if (animationDiv) { animationDiv.style.display = 'none'; // You can also use animationDiv.remove() to completely remove it from the DOM } }); });
When you insert a marker on a slide, Storyline automatically assigns the word "Marker" to the Alt Text. The first line of code targets all objects that have "Marker" as the Alt Text. The function below listens for click events on all markers and removes the marker animation. This code will only stop working if you change the Alt Text for any reason. In that case, you would need to update the first line of code to reflect the new Alt Text.
- KayleighTaylor7 months agoCommunity Member
Thanks Nedim, that worked for me! 😀
I think it would be really useful if future Articulate updates included the ability to disable animations within the marker states.
Related Content
- 10 months ago
- 10 years ago
- 11 months ago