Image Hotspot Configuration Options

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

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:
Issue Status:
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

Fri, 12/16/2016 - 07:40

Permalink

Thanks!

Hi Dave,

Thanks for your good suggestions. They are noted!

- Tom

nmillin

Thu, 02/09/2017 - 22:05

Permalink

I updated https://h5p.org

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

Permalink

Mobile browser and mobile app

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

Fri, 01/12/2018 - 11:08

Permalink

Hi kangland, the image

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

Permalink

Hi Tim,Thank you for reply.I

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

Tue, 01/16/2018 - 15:42

Permalink

I recommend setting up a

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