Image Hotspot Configuration Options

Submitted by davehargest@hot... on Wed, 12/14/2016 - 12:26
Forums: 
Feature requests

Hello,

Would it be possible to add additional options to the Image Hotspots function, so that you can choose between having to click on the individual hotspots, or simply mouseover them instead. And could it be made that you can select what the icon looks like for the hotspot on the front end, rather than just the cross. Even if it's just so that you can select an icon using something like FontAwesome Icons?

Best Regards

Dave

 

Summary: 
Style the hotspots
Content types: 
Image Hotspots
Issue Status: 
Open
0
0
Supporter votes Members of the Supporter Network can vote for feature requests. When the supporter network has generated sufficient funding for the top voted feature request it will normally be implemented and released. More about the H5P Supporter Network
tomaj's picture

tomaj

Fri, 12/16/2016 - 07:40

Hi Dave,

Thanks for your good suggestions. They are noted!

- Tom

nmillin

Thu, 02/09/2017 - 22:05

I updated https://h5p.org/node/40274 with my idea for this feature. Cross-posting so Dave sees this.

kangland

Thu, 01/11/2018 - 16:17

Mobile browser and mobile app doesn't support mouseover. Don't use mouseover. 

The "Click" function support  web and mobile, like your finger touch spot.

I wanna change hotspot icon, but I don't know which file and where is it on the moodle.

tim's picture

tim

Fri, 01/12/2018 - 11:08

Hi kangland, 

the image hotspot icon can be found in the source code here:
https://github.com/h5p/h5p-image-hotspots/blob/ad3c1c18c0479f98f1465db784d6b2d755a7b8b0/styles/image-hotspots.css#L53

Although it is possible to develop H5P using Moodle, I highly recommend using Drupal as it has a more integrated development environment. 

Have a look at the developer documentation here:
https://h5p.org/library-development

kangland

Sat, 01/13/2018 - 04:36

Hi Tim,

Thank you for reply.

I know it can change in the source code. 

But I don't know where directely change code on the moodle .

tim's picture

tim

Tue, 01/16/2018 - 15:42

I recommend setting up a drupal environment as it is much easier to prototype new content types.