I have a number of objects on a page that have visible rollover effects. I would now like to place a single hotspot over them all in order to play an audio file if they are clicked on, but without affecting the rollover states.
So what I am in effect looking for is hotspot that allows "click through" Is this possible with storyline?
When you add a hotspot above buttons...it will block their 'hover'-behaviour, thus this will not work.
What you can do however is just add a 'Play Media' trigger to your objects when clicked.
if you have a lot of objects and thus donot want to have to add triggers to all objects, well then Javascript can handle it too. You can add a Javascript that targets all objects you want and then trigger 1 or multiple audios with that. So the hover remains working by default Storyline triggers and the audio gets triggered by a Javascript called on start of the timeline.
Thanks Math for your response.... Do you have an example javascript? It does still seem bizarre to me that what I would expect to be simple functionality - becomes so convoluted in Storyline... the more I use it, the more I get frustrated. But I need to persevere, because it is the "tool of choice" of one of my clients.
Although Storyline has its flaws. With some Javascript you can tackle it all and make it do exactly what you want.
Writing a separate tutorial now how this is made...and adding the Storyline and code there too...so you can follow up on that... Will add a link when that is done.
Many thanks for your response, I will have a look at that shortly... really appreciate your input.
One other thing... do you know how to get around the issue with grouping objects that then kills the roll over states of said objects that have been grouped?
Hi Math, not at my desk currently, but you can try this by creating 2 or 3 objects that have rollover state changes, group them... preview.... the rollover state changes disappear.
Just tried it with my AudioEventHandling Sample and the hover state is still active. Although it acts as a group.. but thats expected if you group objects.
Sorry, I misled you there, the rollover states are applied all at once to the group - which is not what I want to happen, I want each individual object to retain it's rollover states independantly.
Ah, ok. Keep hotspots separate from your group. And add triggers to the hotspots... but that will make your timeline cluttered allover so not really a solution.
Javascript probably is a solution. Add a Mouseover to the group. Check over what subelement it is and trigger something. Tested that and although that works...its complicated to get the acc-name from an SVG image. Best choice probably is not using States alltogether but using Javascript for your hovers and clicks. That is what i do all the time.
Thanks for your input and suggestions. It seems to me that building anything with even a little more sophistication than the norm, is ridiculously convoluted with Storyline, I have used software that offers all the basic functionality that I need right out of the box - without the need for additional code - most of this is missing in Articulate - and I am dismayed to continually come across requests asking for basic features and functionality - that go back years and in some cases nearly a decade - and yet not even on Articulate's roadmap- which is at best, scant. I will check out your example next week, as I have to deliver my project via Storyline - but it does feel like trying to fight with one arm tied behind your back!!
Yeah completely true. I do love Storyline, but mainly to extend it. The basics...well are very basic. I guess as is Storyline is aimed at the masses. Like Vyond for animation.
13 Replies
When you add a hotspot above buttons...it will block their 'hover'-behaviour, thus this will not work.
What you can do however is just add a 'Play Media' trigger to your objects when clicked.
if you have a lot of objects and thus donot want to have to add triggers to all objects, well then Javascript can handle it too.
You can add a Javascript that targets all objects you want and then trigger 1 or multiple audios with that. So the hover remains working by default Storyline triggers and the audio gets triggered by a Javascript called on start of the timeline.
Thanks Math for your response....
Do you have an example javascript?
It does still seem bizarre to me that what I would expect to be simple functionality - becomes so convoluted in Storyline... the more I use it, the more I get frustrated.
But I need to persevere, because it is the "tool of choice" of one of my clients.
Yes. Here you can see it work.
https://360.articulate.com/review/content/a477f9f5-6348-4570-88fd-f9060ecdb7dd/review
Although Storyline has its flaws. With some Javascript you can tackle it all and make it do exactly what you want.
Writing a separate tutorial now how this is made...and adding the Storyline and code there too...so you can follow up on that... Will add a link when that is done.
Hi Pete,
Here you can find the tutorial and added my Storyline sample.
https://community.articulate.com/discussions/articulate-storyline/javascript-to-trigger-multiple-elements-in-storyline
Kind regards,
Math
Hi Math,
Many thanks for your response, I will have a look at that shortly... really appreciate your input.
One other thing... do you know how to get around the issue with grouping objects that then kills the roll over states of said objects that have been grouped?
Regards
Pete
Im not 100% sure i encountered that. If you have a Storyline sample i gladly check.
Hi Math, not at my desk currently, but you can try this by creating 2 or 3 objects that have rollover state changes, group them... preview.... the rollover state changes disappear.
Regards
Pete
Just tried it with my AudioEventHandling Sample and the hover state is still active. Although it acts as a group.. but thats expected if you group objects.
Sorry, I misled you there, the rollover states are applied all at once to the group - which is not what I want to happen, I want each individual object to retain it's rollover states independantly.
Sorry about that
Regards
Pete
The reason that I group objects, is to make the timeline more managable. Is there a way to group objects without breaking their independancce?
Ah, ok. Keep hotspots separate from your group. And add triggers to the hotspots... but that will make your timeline cluttered allover so not really a solution.
Javascript probably is a solution. Add a Mouseover to the group. Check over what subelement it is and trigger something. Tested that and although that works...its complicated to get the acc-name from an SVG image. Best choice probably is not using States alltogether but using Javascript for your hovers and clicks. That is what i do all the time.
HI again Math,
Thanks for your input and suggestions.
It seems to me that building anything with even a little more sophistication than the norm, is ridiculously convoluted with Storyline, I have used software that offers all the basic functionality that I need right out of the box - without the need for additional code - most of this is missing in Articulate - and I am dismayed to continually come across requests asking for basic features and functionality - that go back years and in some cases nearly a decade - and yet not even on Articulate's roadmap- which is at best, scant. I will check out your example next week, as I have to deliver my project via Storyline - but it does feel like trying to fight with one arm tied behind your back!!
Warm regards
Pete
Yeah completely true. I do love Storyline, but mainly to extend it. The basics...well are very basic. I guess as is Storyline is aimed at the masses. Like Vyond for animation.