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 lugin and LearnDash LMS. I need to create a quiz, which structure looks something like this:
Question: who is USA president? [image-flag-us][image-flag-ru][image-es] [image-Trump][image-Clinton] Answer_1: Trump [image-flag-us][image-flag-ru][image-es] [image-Trump] Answer_2: Clinton [image-flag-us][image-flag-ru][image-es] [image-Clinton]
[image-flag-us][image-flag-ru][image-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 “Audio_Trump_Us.mp3” would play, when click on the [image-flag-ru], the “Audio_Trump_Ru.mp3” would play. And when the visitor click on the [image-file-us] in the “Answer_2” field, the “Audio_Clinton_Us.mp3” 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 “Click this image to play this sound”…
I have a huge quiz to be done like this, so I am prepared to use other LMS if needed to achieve this. Ofcourse I prefer wordpress + LearnDash, but I don’t know if I have a choice.
So who can help me guys? What ideas You have?
- The topic ‘Play Sound When Image Click’ is closed to new replies.