Invisible hotspots

Submitted by Kim2803 on Fri, 03/19/2021 - 14:42
Forums: 
General discussion

Hello,

I really hoping someone can help me out!

I've created a Multiple hotspot activity as shown below. But I need the hotspots to be invisible so the learners find them.  I've tried the 'Multiple Hotspots' activity but that one doesn't allow a block of text to appear when the area is found just a correct / inncorrect.

I've tried to think of ways to 'trick' the technology such as changing the hotspot graphics to an invisible .png but that just appears as a white circle... 

Is there anything I can do??

Thank you so much!

Kim 

Kim2803

Fri, 03/19/2021 - 14:44

Example

Attachments: 
Image icon Example.JPG
BV52's picture

BV52

Fri, 03/19/2021 - 20:51

Hi Kim,

This is not possible without making changes to the code. The good thing about H5P is that it is open sourced so anyone can make the changes or (crowd) fund the development of features.

-BV

Degrange

Fri, 03/19/2021 - 21:58

It might be easy to do with dirty ways.

Where are you using your content ? (moodle, wordpress, etc.) 

Kim2803

Mon, 03/22/2021 - 18:06

We have an external web deveoper creating the content... I need to confirm but from what I've seen I'm guessing Wordpress...

Degrange

Mon, 03/22/2021 - 18:26

A solution would be to be able to inject this css inside the iframe :

.h5p-image-hotspot{opacity:0;}

but it's not trivial.

BV52's picture

BV52

Mon, 03/22/2021 - 19:20

Hi Degrange,

Thank you! This is a very good suggestion and to add to this I think this documentation can help.

-BV

Kim2803

Mon, 03/22/2021 - 11:08

Thank you for your reply BV.  This feature would be so helpful! Can i ask, how do I access the code? I may be able to ask one of our developers to take a look... thank you!

BV52's picture

BV52

Mon, 03/22/2021 - 17:52

Hi Kim,

The files for Image Hotspots can be forked here:

https://github.com/h5p/h5p-image-hotspots

So that you have a basis for the hidden hotspot below is the repo for the find the hotspot content type:

https://github.com/h5p/h5p-image-multiple-hotspot-question

-BV