H5P.LinkedImageSwap

theotherdy's picture
Forums: 

New content type created which basically associates an image with a button - see below:

  1. Works with mouse or (arrow/space/Enter) keys
  2. Responsive to smaller screens by moving buttons above images

Code is here: https://github.com/msdlt/h5p.LinkedImageSwap

I can't work out how to use the FontAwesome library for the radio button icons so these are curently css - see: https://h5p.org/comment/31040#comment-31040 

Long-term, it would be much better to improve the image hotspot drawing tool to support polygons and then draw filled polygons on images inside H5P. But this 'low-tech' approach will enable us to convert hundreds of image-based interactions like this in our pre-clincal medicine course.

Many thanks

Damion

falcon's picture

Hi there,

Thank you for sharing your work with the H5P Community! The Core Team is as usual very busy. I think at best we'll get to the full review in February. We will however be able to help you with FontAwesome and can also suggest other design improvements before then if you're interested?

Here is the review issue: https://h5ptechnology.atlassian.net/browse/HFP-2889

otacke's picture

Hi theotherdy!

I left you some comments on github. Should help you to prepare your code for the review.

Best,
Oliver