For the last week I am struggling to find a solution of how to make play custom sound when visitor clicks on image.
In short: I have a WordPress site, with Elementor plugin and LearnDash LMS. I need to create a quiz, which structure looks something like this:
Question: who is USA president?
These [image-flag-us][image-flag-ru][image-flag-es] let’s say are just small 48x48px different images of country flags, like US, Russia, Spain, etc. and the [image-Trump][image-Clinton] are the big images 200x200px with their pictures.
Now what I want is that when visitor click on the [image-flag-us] in the “Answer_1” field, the “[url removed, login to view]” would play, when click on the [image-flag-ru], the “[url removed, login to view]” would play. And when the visitor click on the [image-file-us] in the “Answer_2” field, the “[url removed, login to view]” would play.
So now I guess You get my point.
The Learndash does not allow the answer field to be edited in Elementor, but there is a solution for this: I can go to Elementor Library, create a page there and then us it’s shortcode, copy-paste it in Learndash Quiz Answer’s field. But the problem is that I can’t find a plugin which would allow me to do multiple “Click this image to play this sound”…
Personally I do not care if this plugin will be created by You, or it is created already, all I need it that it would work for me in the way described above. If You are able to achieve this, then please upload the sample of multiple "click on image to play audio file" to your developer site so that I could check if it works the way I expect.