Copy link to clipboard
Copied
Hi,
I'm trying to create a custom hotspot that works as a quiz object. I want to show a different non-animated image at the location of the click depending on whether the answer is correct or incorrect (only the same animation is currently allowed for all hotspots on the same quiz page). I feel like there should be a way to do this in javascript, but I don't any experience coding. Is there?
Thanks!
Copy link to clipboard
Copied
Sorry for not understanding what you want exactly? Do you want to create a custom hotspot slide or do you want to add a functionality to the existing Hotspot quiz slide. Personally I never use the default Hotspot quiz slide because it is too limited (no partial scoring is main reason). You also mention a 'quiz object'? Do you mean that the button gets a score when clicked correctly?
Maybe you simple want to replace the feedback messages (Correct/Wrong) by an image? That is very easy. The feedback messages are in a shape, and you can fill each shape with an image.
Copy link to clipboard
Copied
I want to create a custom hotspot slide that shows one type of image at the location of the mouse click when it is correct, and another when it is incorrect. Then after all selections re made, I'm using a custom submit button to provide actual feedback.
Basically, I'm having learners identify an area in a photo that is a distraction. they can click whereever they want in the photo I've already arrange hotspots so that anything that is a distraction shows up with a frame around the distraction, and anything that isn't a distraction doesn't contain the frame. But I would like a way of indicating where the user has clicked so they don't keep clicking the same spots repeatedly (i.e. guessing the answer). Because the incorrect area is large, I would like to just indicate the location of the click with an image (similarly to how the hotspot target is done is the quizzes) without having to create multiple incorrect hotspots to cover the area. Does that make sense?
Copy link to clipboard
Copied
Basically I'm looking to display an image at the click position. Figured there has to be a way in Javascript.
Copy link to clipboard
Copied
I will leave you to the JS experts here, cannot help you although I now understand what you want exactly.